#117 β€” December 5, 2018

Read on the Web

react status

Inside 'Fiber': How the New Reconciliation Algorithm in React Works β€” With React 16, React included Fiber, a new implementation of the core algorithms used to track changes in the state of components and work out how to render them. This post digs deep into how Fiber works.

Max Koretskyi

Why Do We Write super(props)? β€” Highly esteemed React core team member Dan Abramov has started a blog called Overreacted where he turns a spotlight to React concepts and explains them in a straightforward manner. Other posts so far are How does React tell a class from a function? and Why Do React Elements Have a $$typeof Property?

Dan Abramov

New Course: Introduction to Node.js by Scott Moss βœ¨πŸ‘€ β€” Node.js can be used for build tools, desktop apps, mobile apps, databases, and more. Learn the foundations of Node.js so you can go forward and create fantastic JavaScript apps outside the browser.

Frontend Masters sponsor

react-redux 6.0.0: Official React Bindings for Redux β€” A major new release that supports the new Context API introduced in React 16.4 and which is now the lowest supported version. This update resolves a long standing issue with blocked updates.

Redux

Rebuilding Redux with Hooks and Context β€” A brief investigation into how both hooks and the Context API can be used to build a simple, Redux-esque global state management package, though bear this in mind: β€œCan this replace react-redux? Probably not.”

Maxime Heckel

Use React.lazy and Suspense to Code-Split Your App β€” React.lazy lets you lazily load components via code splitting in a React-aware manner

Harry Wolff

πŸ’» React Jobs

Sr. Fullstack Engineer (Remote) β€” Sticker Mule is looking for passionate developers to join our remote team. Come help us become the Internet’s best place to shop and work.

Sticker Mule

Join Our Career Marketplace & Get Matched With A Job You Love β€” Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.

Hired

πŸ“˜ Tutorials

Idiomatic Redux: The History and Implementation of React-Redux

Mark Erikson

How to Create a Three Layer Application with React β€” Covers what’s involved in breaking a single page app into layers for the UI, business domain, and data access.

Cristi Salcescu

Connect, Deliver, Control β€” Build and scale interactive, immersive apps with PubNub - chat, collaboration, geolocation, device control and gaming.

PubNub sponsor

Implementing Smooth Scrolling in React β€” ..using the npm package, react-scroll.

James Quick

Building a Location-Based App with React Native β€” A look at the main components of location-based apps, and how to develop one using React Native.

Django Stars

How I Like to Structure a React Application

Kristofer Selbekk

πŸ”§ Code and Tools

Emotion 10 Released: A CSS-in-JS Library β€” Project homepage.

Mitchell Hamilton

React Popup Component: A Simple React Popup Component β€” Flexible enough to power modals, tooltips and menus and built using fragments to avoid wrapper DIVs in your code. GitHub repo.

Youssouf Elazizi

Ultra-Fast Hosting. 2,000+ Tutorials. Get Started with $100 Credit

DigitalOcean sponsor

Why Did You Update: Get Console Notifications on Potentially Unnecessary Re-Renders

Michael Schneider

React Pusher HOC: An Easy Way to Handle Websocket Events From Pusher β€” Pusher is a popular service for powering real-time apps.

Felix Wostal

use Simple State: A Simple, Dependency-Free State Manager using Hooks

Josh J