#131 — March 27, 2019 |
React Status |
Routing with Hooks: A New Approach to React Routing? — An interesting experiment in using hooks for React app routing has turned into an actual project called hookrouter which has some compelling advantages compared to existing routers. See how it works here. Christian Engel |
React Router v5 Released — The latest version of the popular declarative routing solution now has lots of React 16 compatibility improvements, is fully compatible with strict mode, and is fully backwards compatible with React Router v4, so upgrade now. Michael Jackson |
New Course: Firebase 🔥 with React, v2 — Build full-stack applications leveraging your React skills on top of the Firebase platform. You'll get hands-on experience building a real-world application from the ground up and deploying it to the cloud. Frontend Masters sponsor |
React 16.8.5 Released — Not a big release, mostly a handful of minor fixes. |
Building a Real-Time Collaborative Beatbox with React — Nader, author of React Native in Action, explains how he used GraphQL subscriptions and React to build this real-time collaborative beatbox. Nader Dabit |
Unpopular Opinions: The React Edition — Last weekend, Dan Abramov leant into a current popular meme on Twitter where you encourage people to leave their ‘unpopular opinions’ on a certain topic. There were a lot of replies from silly to thought provoking. Dan Abramov on Twitter |
💻 Jobs |
Developer Advocate ✌️in Beautiful Norway 🎉 — Passion for React and GraphQL? Love to blog, tweet and enable developers? Want to move to Skien, Norway? Crystallize |
Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers. Vettery |
📘 Tutorials |
How to Test Custom Hooks with Enzyme — A simple approach to test the behaviour of custom React hooks. Dinesh Pandiyan |
Building a Componentized & Reusable 'Scroll to Top' Feature in React Sarah Sweat |
▶ React Hooks and Suspense — A 37-minute video course (broken up into 14 easily digestible sections) from Kent C. Dodds. Egghead.io |
See Things Better. Build Things Better — Aggregating git data into understandable reports, to help make teams more successful. Debug your development with objective data. GitPrime sponsor |
Build React-Static Sites using Hasura-Powered GraphQL on Postgres — React-Static is a static site generator for React. Praveen Durairaj (Hasura) |
How to Use React in Creating a Chrome Extension Hu Chen |
🔧 Code and Tools |
React-Redux 7.0 Beta: Official React Bindings for Redux — “React-Redux version 7 resolves the performance issues that were reported with version 6, and lays the groundwork for us to design and ship a public useRedux()-type Hooks API in a later 7.x release.” Mark Erikson |
React LoadCon: Use Your Favicon to Show Progress — Turns your page’s favicon (as displayed in the browser tab) into a donut or circle that can indicate progress. GitHub repo. foreseaz |
react-unveil: A 'Show More' Component for Expanding and Collapsing HTML Sections Clement Hoang |
Dare to Stream: Try Bitmovin’s Encoding, Player, and Analytics Solutions for Free Bitmovin sponsor |
Vibe: A React-Powered Dashboard Framework Built with Bootstrap 4 Nice Dash |
react-frontload: Load Data Asynchronously Into Your Components — Works with both server and client-side rendering. Dave Williams |
react-rotating-text: A 'Typewriter Effect' of Changing Text — Not rotating in the spinning sense but rotating as in a string is ‘typed’ out, deleted, then another goes in its place. Live demo. Adrian Li |
REAVIZ: A D3.js-based React Data Visualization Library — We only first linked this a couple of weeks ago but a new 1.1 release includes support for five radial chart styles. Storybook-based demos. JASK Open Source |
✨ Superfriends! |
Pictured: The React Team, All in One Place — “First time I’ve seen the whole team in one place since 2016.” Sophie Alpert on Twitter |