New releases of Next.js and Gatsby
#262 — October 27, 2021
The New React Docs, In Progress and Now In Beta — The React docs are being entirely rewritten to use hooks rather than classes, introduce illustrations, and generally bring them up to modern speed. This currently-in-beta version also includes interactive examples and challenges with the objective of improving the learning experience.
React Core Team
Next.js 12 Released — The popular Node.js + React development framework takes its biggest step forward yet with an array of improvements including beta support for middleware, React 18 support, native ES module support, a Rust-powered compiler for 5x faster builds, and more.
The Vercel Team
Frontend Masters sponsor
What’s New in Gatsby 4 (Now Fully Released) — Gatsby is a React-based open source framework and v4 introduces new content rendering methods, new build and deployments architecture, new CMS APIs, and more.
Jeff James (Gatsby)
The CSS-in-React Landscape — There is no specific, officially sanctioned styling solution for React, so you’ll likely end up choosing one of the libraries covered in this survey of candidates.
▶ Implementing a ‘Candy Crush’ Game with React — The latest of Ania’s no-nonsense all-about-the-code screencasts walking through the creation of a simple puzzle game. While Candy Crush likely doesn’t need to be re-invented, you can apply the skills learned to a variety of game scenarios.
Sr. Frontend-Focused Engineer (Remote in Germany) — You love developing digital products that solve true customer problems? Join us to reinvent business insurances. #React #GraphQL
Find React Jobs with Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
A React Rendering Cheat Sheet — When does a component re-render? What can cause such re-renders, and how can unnecessary ones be prevented?
▶ A First Introduction to Test Driven Development with React
Coding With Adam
How to Use useRef Correctly with Examples
🛠 Code and Tools
react-chrono: A Modern Timeline Component for React — Render a themeable timeline in 3 unique modes (vertical/horizontal, tree, or auto-playing slideshow). Also includes keyboard navigation support. Try it here.
React Native Testing Library 8.0 — Now in it’s eighth major release, RNTL will help create maintainable tests for your React Native projects.
Blitz.js: Rails-Like Framework for Monolithic, Full-Stack React Apps — A ‘batteries included’ framework built on Next.js that boasts a ‘zero API’ approach eliminating the need for a REST/GraphQL API for the data layer.
Brandon Bayer and Blitz.js Contributors
⚡️ Quick Bits:
Splitter — Splits views into resizable VS Code-inspired panels.
React Google Analytics 4 — Integrate with the latest version of the ubiquitous web analytics platform.
ReactDataGrid — A data grid built specifically with React in mind.
react-native-svg-app-icon — Generate all the application launcher icons for your projects from a single SVG file.