#208 — September 30, 2020 |
Introducing visx: Visualization Primitives for React from Airbnb — When a tech powerhouse launches a new visualization library after three years of development, it’s worthy of attention. Formerly known simply as vx, browse the gallery and see if you’re not inspired. Chris C. Williams & Harrison Shoff / Airbnb |
Myths About useEffect — In the latest teaser for his upcoming course, Kent addresses the struggle many developers have employing the Kent C. Dodds |
Building Chat With React? Stream Chat Has You Covered — This tutorial shows you how to quickly build chat leveraging Stream's Chat API and the Stream Chat React components. Stream sponsor |
How to Use SVG Icons with React Icons and Font Awesome — The author asserts that ‘SVG was born for the web’ and having a widely supported vector graphics format makes a lot of things easier for sure, such as icons that render well on every device and at every resolution. Here’s the short course on integrating them into React. Colby Fayock |
Dan Abramov on Twitter |
react-dropdown-tree-select: A Customizable Fast Dropdown Tree Select Component — A lightweight and fast control to render a select component that can display hierarchical tree data. Here's an interactive demo. Dow Jones |
💻 Jobs |
Front End Development Leader — Wanted: A Front End Developer to lead a group of young software developers. Help us change the insurance industry for the better. BRANCH INSURANCE |
Find a Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. Vettery |
ℹ️ Interested in running a job listing in React Status? There's more info here.
📘 Tutorials and Stories |
Here’s a Simpler Alternative to Redux — In the seemingly never ending search for better and simpler state managment, the container pattern is brought to bear on the problem. Spencer Pauly |
The Modern Way to Style with Styled Components — The author takes you on his journey from styling React with inline CSS to fully utilizing Styled Components. He vows to never go back to his old way of doing things. Michael Chang |
React Data Grids - A Complete Guide — With this guide, teams have access to best practices, as well as instructions for creating an advanced React data grid. Wijmo by GrapeCity, Inc. sponsor |
Ketting v6: Using Hypermedia APIs with React — If you’re about to start building REST functionality on top of the Fetch API, stop. First, you want to check out this well-established library which delivers just that. Now in its sixth major release. Evert Pot |
A React Cheatsheet for 2020 — We somehow missed this when it came out earlier this year but it’s a handy resource for those who prefer just-in-time learning or want even more prep for nailing that interview. Reed Barger |
15 React Interview Questions with Solutions — If you’re looking to break into the thriving React development ecosystem, you’re going to have to nail the interview. Here are some questions to help you prepare. Nilson Jacques |
🔧 Code and Tools |
react-carousel: An Extendable Image Carousel — Using this library to achieve an effective presentation of images really couldn’t be easier: simply pass it the Brainhub |
Tippy.js for React: Tooltips, Popovers, Dropdowns, and Menus — It has been nearly two years to the day since we last featured this Popper-powered library, but a recent new release necessitated another look. Its built-in WAI-ARIA-compliance is a big plus. James N / Atomiks |
Online Checkout Made Simple with Square’s Payments APIs and SDKs Square Developer sponsor |
mobx-react-lite: Lightweight Hook-Based Bindings for MobX — If you can limit yourself to functional components and want to benefit from a smaller and faster library, mobx-react-lite could be the right choice for you. MobX |
react-nil: A React 'Null Renderer' — An interesting experiment to use React in situations where you don’t need it to render anything, but you want to use hooks, suspense, context, and other bits of the React ecosystem. Like in, say, a Node app. Maybe this CodeSandbox example will provoke some thoughts. Poimandres |
react-sortable: A Component Built on Top of the Mature SortableJS Drag and Drop Library SortableJS |
GitHub Profile README Generator — This brand new library is getting a lot of attention. It’s no wonder given that it promises to automate all the mindless busy work which normally goes into maintaining READMEs. Rahul Jain |