React JS Top Articles — August 2018
What’s trending in React JS this month?
Here’s what’s trending this month in React JS.
Whether you’re an experienced React JS Developer, or a newbie looking to learn the basics, there’s something for everyone on this list.
Disclosure: We receive compensation from the courses we feature.
Featured React JS Courses
React 16 — The Complete Guide (incl. React Router 4 & Redux)
4.7/5 Stars || 33.5 Hours of Video || 43,815 Students
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and way more! Learn More.
React JS and Redux — Mastering Web Apps
4.3/5 Stars || 4.5 Hours of Video || 54,803 Students
Create the React JS & Redux apps you always wanted. Build 4 projects, discover development tricks, and master React! Learn More.
Top React JS Articles
1. Integrate Custom Elements into React app
How custom elements work, their limitations, and how to integrate them into a React application
2. I created the exact same app in React and Vue. Here are the differences.
By Sunil Sandhu
Having used Vue at my current workplace, I already had a fairly solid understanding of how it all worked. However, I was curious to know what the grass was like on the other side of the fence — the grass in this scenario being React.
3. JavaScript essentials for React developers
There are some very powerful features in JavaScript that every React developer should know. Lets get started to discuss these features.
4. React Authentication with Twitter, Google, Facebook and Github
To interact with an OAuth provider you need API keys. For security reasons, those keys must be kept private on a server. However, if you are following modern development practices your React app is likely completely decoupled from your server and running on a different port or domain.
So how can we solve this communication gap between an OAuth provider that needs the keys and the React client that can’t keep those keys private?
https://codeburst.io/react-authentication-with-twitter-google-facebook-and-github-862d59583105
5. Pointer events with React — The why, how, and what?
By Indrek Lasn
Back in the good old days we only had a mouse and listening for events was simple. The web content assumed the user’s pointing device will be a mouse. Nowadays we have many devices which don’t correlate to having a mouse, like phones with touch surface or pens.
https://codeburst.io/pointer-events-with-react-the-why-how-what-617a5b51dbb2
6. Introduction to Reanimated in React Native
By Jason Brown
Reanimated is the latest addition to the React Native animation family. However it takes a different approach to how animations are handled.
7. Understanding Higher-Order Components in React and Gutenberg
By Kevin Ball
In this post we’re going to break down one of those architectural patterns that is extremely common in React — higher-order components.
8. Simple internationalization of React apps
Internationalization is a perfect way to make you project accessible for wider audience.
9. Structuring projects and naming components in React
In this post, I’m going to show some approaches that I have been using for a while and have been scaling very well. These approaches doesn’t re-create the wheel, they just put together and refine what we have on the market.
✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.