#157 — September 25, 2019 |
Announcing React Native 0.61 with Fast Refresh — Version 0.61 of React Native includes a new reloading experience called ‘Fast Refresh’ which brings together live reloading and hot reloading in an elegant way. Other changes include the addition of the Dan Abramov |
React Router v5.1 Released — “Easily the most notable feature in this release is the addition of some hooks (for React 16.8 users, ofc). We are excited about the ability that hooks give us to compose state and behavior instead of just composing elements.” GitHub repo. Michael Jackson |
All-In-One Visual Testing and Review Platform — Visually test your React apps and components across browsers and screens to catch UI bugs and deploy with confidence. Percy sponsor |
State Colocation Will Make Your React App Faster — This is all about the idea of keeping state as local to your components as possible for both performance and maintenance reasons. Kent C Dodds |
▶ React Hooks: The 'Weird Ones' — A ten minute introduction to Bitovi |
React Riot: An Annual Online React Hackathon — A popular React-themed 48-hour hackathon that takes place each year. Wherever you are, you can take part, and the next one is this weekend (September 28-29). React Riot |
💻 Jobs |
Full Stack Engineer — Expensify seeks a self-driven individual passionate about making code effective, with an understanding of algorithms and design patterns. Expensify |
Let Your Skills Do the Talking — Our AI makes it easier and quicker to match with companies such as Apple, Skyscanner, KPMG, all based on your skills, no recruiters. hackajob |
📘 Tutorials and Stories |
Sharing TypeScript Code Between the Web and React Native — An explanation of how a team reused code from their normal front-end webapp in a React Native app. John Ruble |
Recursion in React: Render Comments with Nested Children — The example of recursion worked upon here is a component that can display a tree of comments. Nick Major |
Join Us at JAMstack Conf San Francisco, Oct 16-18, for Demos, Case Studies + Workshops JAMstack conf SF sponsor |
React Lazy: A Take on Preloading Views — How to add preloading to your route based code split apps. Maxime Heckel |
How to Deploy a React App to Production on AWS with Express, Postgres, PM2 and NGINX — There’s a lot to digest in this walk through of setting up an AWS deployment setup from scratch for a React-based webapp. Mohammad Iqbal |
🔧 Code and Tools |
Glean: React Refactoring Tools for VS Code — Do things like extract JSX into components, convert class components to functional components, wrap JSX with a conditional, and more. GitHub repo. Visual Studio Marketplace |
styled-components 4.4: Visual Primitives for The Component Age — Version 5 was announced months ago but this is the last 4.x release before 5 makes its final appearance. styled-components |
Want a Better Way to Store and Serve Images and Videos? — Join a community of over 450K web and mobile developers dynamically managing rich media with Cloudinary. Try it free. Cloudinary sponsor |
React-PDF: A Renderer for Creating PDFs — Works in the browser or on the server. Diego Muracciole |
react-native-pager: A Controllable Pager Component for React Native Crowdlinker Inc. |
A 'Puzzle Piece'-Based React Confirmation Modal Component — A somewhat specific component but it does the job. Demo here. Yusuf Özlü |
iframe-resizer-react: Enables Automatic Resizing of iFrames to Fit Content David J. Bradshaw |
React DnD 9.4.0: Utilities to Create Drag and Drop Interfaces Chris Trevino |