React JS Top 10 Articles — July 2018

What’s trending in React JS this month?

Brandon Morelli
techburst
5 min readJul 9, 2018

--

Here’s what’s trending this month in React JS. Topics include:

  • How to build a React project from scratch using Webpack 4 and Babel
  • 5 common practices that you can stop doing in React
  • Learn the React Context API with a Practical Example You Can Bring to Your Apps
  • Today’s React Native Tip: Keyboard issues in ScrollView

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 10 Articles

1. Extracting a React JS component and publishing it on NPM

By Hugo Dias

Build and learn how to extract a React JS component and publish it on NPM with these brief yet comprehensive guide.

2. Getting Started With Material-UI For React (Material Design For React)

By Sebastian Eschweiler

Learn how to setup and use Material-UI in your React project and implement a real-world sample application from scratch. Check out this article for more information.

3. How to use React’s experimental new Profiler feature

By Dave Lunny

Are you experiencing performance bottlenecks? Measure your performance problems then make improvements on how to optimize your React App with this experimental guide.

4. How to build a React project from scratch using Webpack 4 and Babel

By Sukhjinder Arora

Dive into building your own React project from scratch using Webpack 4 and Babel. Get a deep understanding of what this tutorial is all about and venture out the great possibilities to start that personal projects of yours up and running!

7. Setting up a React.js project with simple steps

By Ajay Singh

Check out this quick tutorial on learning how to set up a React.js project — install node.js and react application on your system.

8. Learn the React Context API with a Practical Example You Can Bring to Your Apps

By Shawn Reisner

Understand and create a context provider component that manages the global state for snackbar and render the function via context consumer which are greatly useful for app notifications.

9. 6 Best ReactJS based UI Frameworks

By ZeoLearn

Explore the leading UI frameworks for Reactjs applications and analyze what is the most suited component libraroes to use to make your development easier and productive.

10. 5 common practices that you can stop doing in React

By Manjunath M

Realize the most common mistakes you do in React that you can avoid in the future. Here’s a comprehensive suggestions and alternative to approach and accomplish things while optimizing your application at the same time.

✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.

If this post was helpful, please click the clap 👏button below a few times to show your support! ⬇⬇

--

--

Brandon Morelli
techburst

Creator of @codeburstio — Frequently posting web development tutorials & articles. Follow me on Twitter too: @BrandonMorelli