Keeping up with React 💡
This is a place to keep a collection of resources, tutorials, podcasts, documentation, and links to useful libraries that can help in the agile and constantly changing React ecosystem. I've used the list of resources given at the end of the UI Development With React course from EPFL Extension School as a springboard 🚀.
Libraries
-
react-table: hooks for building fast and extendable tables and datagrids for React
-
chart-parts: a flexible, React-friendly, Grammar of Graphics for data visualization
-
react-spring: a spring-physics based animation library that should cover most of your UI related animation needs
-
react-router: a collection of navigational components that compose declaratively with your application
-
reach-router: an alternative to React Router
-
react-gh-pages: deploying a React app (created using create-react-app) to GitHub Pages
-
react-helmet: for dynamic document head setting
React Frameworks
- Gatsby.js
- "Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps."
Articles & Blog Posts
- Learn React Custom Hooks (with screencast)
- UI as an Afterthought
- Reach Router vs. React Router
- Deep dive: How do React hooks really work?
- Making Sense of React Hooks
- React hooks: not magic, just arrays
Podcasts
- React Podcast
- Conversations about React with your favorite developers.
- Gatsby for Skeptics
- React for Vue Developers
- React Suspense
Blogs
- Robin Wieruch
- Very thorough React tutorials.
- Dan Abramov
- Co-author of Redux and Create React App. React core-team developer.
- Official React Blog
Videos
Interesting features that weren't covered in the course
- Portals
- A first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component