#160 — October 16, 2019 |
Ionic React Now Generally Available — If you’re on the lookout for an interesting alternative to React Native, consider the new React-flavored version of Ionic, a popular framework (once more associated with Angular) for building iOS, Android, and desktop apps, as well as PWA webapps. Max Lynch |
Introducing Create Next App — Create Next App sets up a modern React application powered by Next.js in one command. Next.js has a great ecosystem with lots of extensions and is an ideal way to play with React in a universal fashion. Joe Haddad and Tim Neutkens |
React Hooks Guide: See the In-Depth Tutorials with Examples — This guide serves as an exhaustive resource for learning the built-in Hooks that are now part of React. Learn all about them as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks. Start learning today. Progress KendoReact sponsor |
Reasons to Learn Redux as a JavaScript Developer — “I believe Redux makes everyone a better JavaScript developer,” says the author who is clearly a fan of the popular state management approach. Robin Wieruch |
REAVIZ 5.2: A D3.js-based React Data Visualization Library — We first linked this several months ago but it’s had a lot of updates recently, including to its documentation and examples which are both very thorough. Definitely worth a look if you want to create elaborate charts and plots. GitHub repo. REAVIZ |
💻 Jobs |
React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers. X-Team |
Find A Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery |
📘 Tutorials and Stories |
Migrating a 50K SLOC Flow and React Native App to TypeScript — Ditching Flow for TypeScript is easier than ever and should be more future proof. Adam Terlson |
Demonstrating Reusable React Components in a Form Kingsley Silas |
Building a Cool Horizontal Scroll Interaction in React — How to create a fun scroll animation in which items “flip” in the direction of the scroll. Konstantin Lebedev |
Build a News Feed in 30 Mins with ReactJS + Ably — Use Ably’s pub/sub channels API to quickly build a news feed app with ReactJS. Ably sponsor |
▶ The New React Native — A 20 minute talk where a React Native core team member presents whats going on with the project. Emily Janzer |
Using Debouncing with React Components — For when you want to delay successive operations after one has already taken place. Gabe Mickey |
A Guide to Next.js Authentication with Auth0 — Auth0 is a commercial ‘authentication-as-a-service’ platform but with a generous free tier we’ve always been keen to see them engage with the community with tutorials like this. Sandrino Di Mattia |
Making Instagram.com Faster: How Instagram Uses Redux — The latest in a series of posts about how Instagram is making their webapp faster. Glenn Conner |
🔧 Code and Tools |
react-roughviz: 'Rough', Hand-Drawn Charts — A wrapper around roughViz, a library that can make bar, donut, pie, line and scatter charts that look like they were drawn by hand. Miscellaneous |
React Transitions: Full Page Transitions with React Router — You have to be careful not to overuse these sorts of visual effects, but they can add a touch of flair to an app in some cases. Joe Rezendes |
React Tiny Fab: An Accessible 'Floating Button' Component — Floating buttons are those Android-esque buttons that stay floating above the main content. Check out the demo on the homepage. Deric Cain |
A Toolkit to Grow API-First Products Manifold sponsor |
SVGR: Transform SVGs Into React Components — Turn SVG from your favorite graphics editor into ready-to-use components for your React apps. Smooth Code |
React Component for Tippy.js, a Tooltip and Popover Library — Tippy.js is a popular, highly customizable JavaScript tooltip and popover library, and this React component makes it a lot easier to use in React apps. atomiks |