Top 5 React Open Source Projects this month — July 2018
See what’s trending in React JS on GitHub this month.
Want to find out what’s new and trending in React JS this month? You’ve come to the right place. Below is a list of 5 awesome, open source, trending React JS projects that are new on GitHub in the past 30 days! Got a project you want featured next month? Leave a comment and let us know! Enjoy creating new things!
Disclosure: There is no ranking or voting system for the top 5. These are simply new and trending projects that I think are cool — and hopefully you do to. It does not cost money to be featured in this monthly list. We only 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 5 Open Source React JS Projects
1. MDX Deck
An MDX based way to create presentation decks.
- 📝 Write presentations in markdown
- ⚛️ Import and use React components
- 💅 Customizable themes and components
- 0️⃣ Zero-config CLI
2. React Values
react-values gives you a set of simple, composable helpers that let you build more complex, stateful UI components like toggles, dropdowns, lists, checkbox groups, popovers, tooltips, you name it!
It does this using a small render-prop-based API that exposes helpful transforms like toggle, increment, filter, etc. depending on the type of value, all based on JavaScripts native value types.
This saves you from constantly re-writing the same state management logic, so you can keep your components focused on behavior and presentation.
3. React Text Selection Popover
Selection based Text UI made easy. This module provides a way to render a popover/tooltip style component when text is selected (exactly like on Medium when you highlight any text in this article).
4. React Flame Graph
A React component for visualizing profiling data (by creating a flame graph). Flame graphs are used to visualize code-paths and their frequencies. Check out the demo for more information, or the repo below.
5. CSS Suspense
CSS Loading for React, the suspense way (what is suspense?).
✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.
