#172 — January 22, 2020 |
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 Examples — JSX 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) 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 Control — Live 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 |