React Newsletter #263

A complicated tree table component, React Hooks vs. RxJS, and comparing 5 popular React frameworks


This week’s issue is sponsored by Springboard.

Want to transition into a well-paying and fulfilling cybersecurity career? Springboard's got you covered with 1:1 mentorship from industry experts, a curriculum built by experienced hiring managers, and proven career coaching. Springboard offers the first cybersecurity bootcamp to combine a job guarantee and deferred tuition: you only pay your tuition if you get a job.

Senior cybersecurity analysts can earn more than $120,000 a year while protecting essential data and systems. A background in web development and programming skills can help you transition into this dynamic career path.

👉 Check it out.


Articles

React Hooks vs. RxJS

In this article, Nils Mehlhorn writes about his recent experience using React Hooks after spending the last few years of his career working as an Angular developer. Specifically, he compares the different approaches that React Hooks and RxJS take to reactive programming and the mental models behind each one.

API Design for a React Tree Table

In this article, Robin Wieruch writes about the API design decisions he made for a recent freelance project that was particularly challenging: he was required to create a tree table component in React modeled after the MacOS Finder and its tree view that was also able to asynchronously fetch up to 100,000 items in chunks as paginated and nested lists. GLHF.

Why I finally chose React over Vue

Bill Wohlers writes about the key advantages that he believes React holds over Vue (and other frameworks) and why he ultimately has decided to go with React for most of his projects going forward. Nice to see another disciple safely in the fold 😉.


Tutorials

React Color Picker

This tutorial walks you through one way to build a color picker tool with React that is similar to the VSCode/developer console color picker. It assumes that the reader already has a fairly solid understanding of the React fundamentals.


Job Listing

2x Sr. Frontend Engineers - React (100% Remote)

Close.com is looking for two experienced individuals that have a solid understanding of React and want to help design, implement and launch major, user-facing features. They are a 100% globally distributed team of ~45 high-performing, happy people that are dedicated to building a product our customers love.


Projects

Mantine

An open source library of 60+ React components and hooks with native dark mode support and a focus on usability, accessibility, & developer experience .

React Native Image Cache

React Native image caching in file system with progressive loading for iOS and Android.

State Designer

A new state management library for JavaScript & React created by Steve Ruiz that treats state as a design problem. If you’re not exactly sure how the state of a user interface should work, then State Designer can help you figure it out.

react-scroll-sync

A React component that syncs scroll position across multiple scrollable elements.

XP-Newtab

A fun React extension that customizes your new tab page to be in the style of Windows XP.


Videos

React Framework Comparisons

In this 24-minute video, Leigh Halliday compares 5 popular React frameworks -- Create React App, Gatsby, Next.js, Blitz.js, and RedwoodJS. He gives a brief overview of each framework, highlights their differences and potential use cases, and discusses their most compelling features.

Top 10 React Native Senior Level Interview Questions & Answers in 2021

This 8-minute video goes over 10 common interview questions and answers that you might expect to see a potential senior-level React Native engineer get.

made with ❤️ by ui.dev