#172 — January 22, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Proton Native V2: React for Desktop Apps — Proton Native lets you make cross-platform desktop apps with React without using Electron or a browser by using Qt (or, as of v2, wxWidgets) for rendering native interfaces.

Gustav Hansen

React Nice Dates: Responsive, Touch-Friendly Modular Date Picker — Another month, another date picker, but this seems to be a pretty good one. Lots of demos and code examples and the control itself feels good.

Hernán Sartorio

One Codebase. Any Platform. Just React — Build awesome apps across mobile, desktop, and web, with the React you know and love. Choose from over 100 mobile-ready components with built-in animations, gestures, and theming capabilities to fit your brand.

Ionic React sponsor

Awesome React: Around 500 Curated React Projects and Resources — A frequently updated and in-depth collection of articles, and resources relating to the React ecosystem that seems to have been hugely cleaned up over the past year. Awesome React Components is a similar compilation for components specifically.

Nick Raienko

▶  Parallel Computing in React — A talk from React Day Berlin that looks at how one developer approaches running different tasks within a React app more efficiently using Web Workers and WebAssembly.

Majid Hajian

💻 Jobs

Full Stack Engineer — Expensify seeks a self-driven individual passionate about making code effective, with an understanding of algorithms and design patterns.

Expensify

Find a Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Tutorials and Stories

An Overview of JSX With 3 Non-React ExamplesJSX was built for and popularized by React. Here’s how it works under the hood and how it could be used in two non-React scenarios (Express and Mongoose).

Valeri Karpov

Building a D3 Dashboard with React, Material UI and Cube.js — Uses Postgres for the database (though you can use another, if you prefer) with React and D3 on the front end.

Cube Developers

The React Hooks Guide: In-Depth Tutorial with Examples. Start Learning — Learn all about React Hooks as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks.

Progress KendoReact sponsor

Firebase as a React Hook — A look at how one developer implemented (and how you can use) useDbDatum and useDbData, two hooks for generically loading data from Firebase RTDB.

Doug Safreno

An Introduction to React’s Context API — A look at how to use React’s Context API - which allows you to manage global application states in your React apps without resorting to props drilling.

Yusuff Faruq

▶  Bootstrapping a React Native Project in 2020 — A quick ten minute introduction.

William Candillon

▶  Building a React App from Scratch: A Livestream — It’s not for everyone but I tend to learn quite well from streams like this, even if it’s just workflow tips and tricks. It’s two hours though so if you don’t like long videos, it’s not for you :-)

Florin Pop

🔧 Code and Tools

Cool OnClickOutside: A React Hook to Listen for Clicks Outside of a Component — Use this to detect when a user clicks outside of your chosen target component’s area. react-onclickoutside is a similar idea but as a HOC, if you prefer.

Welly

reactstrap 8.4: Simple React Bootstrap 4 Components

Hernandez, Burrell, and Sharp

react-dropdown-select: Customizable Dropdown Select ControlLive demo here.

Sasha Khamkov

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

After.js: A React Router-Based Server-Rendered React Framework“If Next.js and React Router had a baby…”

Jared Palmer

react-top-loading-bar: A YouTube-esque Progress Bar Component

Klendi Gocci