#128 — March 6, 2019 |
React Status |
My Intuition on When to Use Custom React Hooks — Learn how custom hooks are like mixins: a great way to share small bits of functionality between components. James K Nelson |
A Naive, 27 Line Reimplementation of React Hooks — OK, it’s hard to read and there’s a (minor) bug in it, but reading through this code example might help you understand how hooks work under the surface a little more. Here’s an interactive, copy/pasteable alternative version you can play with yourself. Shawn Wang |
See Things Better. Build Things Better — Ship faster because you know more, not because you're rushing. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development with objective data. Learn more. GitPrime sponsor |
Storybook 5.0: The UI Component Workshop — Storybook is a popular tool for building UI components not only for React but Angular and Vue too. Version 5 comes with an all-new interface, is more customizable, and has a great new homepage. Still asking why you should use Storybook? They’ve got that covered with a new 2 minute intro video. Michael Shilman |
How Are Function Components Different from Classes? — “They’re a whole different Pokémon,” says Dan. Dan Abramov |
React Confetti! — Exactly what it says in the title, really 😄It’s a customizable confetti effect for your page. Stick this on your homepage to celebrate your special occasions - we dare ya. Aaron Lampros |
▶ Watch an Amateur Spin Up a React, Babel, Webpack and CSS Modules Project — Well, it’s Chris Coyier of CSS Tricks, so he knows what he’s doing, but up-to-date walkthroughs like this are often helpful given how quickly toolsets change. Chris Coyier |
💻 Jobs |
JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team |
Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers. Vettery |
📘 Tutorials |
How to Use Firebase as a Simple Database for a React App Nathan Sebhastian |
How Does Aurelia 'React'? — Aurelia is an interesting framework in its own right - this new series aims to show how Aurelia approaches things you might otherwise do in React. Rob Eisenberg |
Some Alternatives to JSX — React has made JSX, an extension to JavaScript that lets you write HTML inline with JavaScript, popular but there are some alternative approaches. Seva Zaikov |
Making HTTP Request in React Apps — Covers the basic approaches, such as the Fetch API and Axios. Chidume Nnamdi beginner |
Writing Tests for React Applications Using Jest and Enzyme — Tests will help increase your confidence in the code you build and deploy and this tutorial will help you take some first steps towards doing it. Kingsley Silas beginner |
🔧 Code and Tools |
React-Calendar: A Simple Calendar Component — Provides a straightforward, compact monthly view. Boasts good test coverage and uses native date functionality rather than external libraries. Wojciech Maj |
Simplify Event Tracking with a Single API — Collect data once with Segment and send it to 200+ tools. Get a free developer account. Segment sponsor |
react-three-fiber: A React Renderer for Three.js — three.js is a (very) popular library for building 3D graphics experiences with JavaScript. Paul Henschel |
react-infinite-scroll-component: An 'Infinite Scroll' Component — Demo here. Ankeet Maini |
react-svg-pan-zoom: Add Pan and Zoom Features to SVGs Christian Vadalà |
react-phone-number-input: A Component for International Phone Number Input Nikolay |
Dare to Stream: Try Bitmovin’s Encoding, Player, & Analytics Solutions for Free Bitmovin sponsor |
react-power-tooltip: A Flexible Tooltip and Menu Library Justin Rhodes |
A TSLint Rule for Detecting Invalid Uses of React Hooks — One for the TypeScript users. Enforces the rules of hooks. Grzegorz Rozdzialik |