#108 — October 3, 2018

Read on the Web

react status

Starting this week React Status will now land in your inbox every Wednesday. Of course, due to sending our last issue on Friday, this week's newsletter is a little shorter than usual — normal service will resume next week.

We just wanted to flag the change here, and use this opportunity to say thanks for reading! 🙂

⚛️ The React Status Team

Create React App 2.0: Babel 7, Sass, and More — A significant release of a project that’s had a huge effect on the adoption of React by making it easier to get a project started. Version 2 lets you use Sass and CSS Modules out of the box, gives you access to all the improvements in Babel 7, webpack 4, and Jest 23, plus, yes, a lot more.

Joe Haddad and Dan Abramov

Six Fun React Project Ideas You Can Build — If you’re past the beginner stage but still unsure about how best to integrate React into your development plans, Dave has some ideas for you to try.

Dave Ceddia

⚛️ New Course: Complete Intro to React, v4 — Learn to build real-world applications in React. Much more than an intro, you’ll start from the ground up all the way to using the latest features in React 16+ like Context and Portals. We also launched a follow up course, Intermediate React.

Frontend Masters sponsor

How to Build Serverless Web Apps with React and AWS Amplify — AWS Amplify is a collection of tools and libraries for building cloud-based apps more quickly, and this tutorial shows how to bring it together with React to build serverless apps.

Nader Dabit

'How We Boosted The Performance of Our React Native App' — A look at work done to improve the UI responsiveness of a React Native app.

Juanjo Ramos

You Might Not Need mapDispatchToProps

Dave Ceddia

💻 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.


📘 Tutorials

Audio Visualisation with the Web Audio API and React — How to listen to a microphone input and show a waveform to visualise the data.

Phil Nash

Using React/JSX as a Server-Side Templating Language — Using React function components to render your website’s skeleton index.html

Kent C. Dodds

How to Structure A Project & Manage Static Resources in React Native

Khoa Pham

Progressive Image Loading in React Native — Learn how to add progressive image loading to your React Native apps to handle variable connection speeds.

Spencer Carli

Simplify Data Collection with a Single API — Collect data once with Segment and send it to 200+ tools. 100% free to get started.

Segment sponsor

Maintaining State Variables in React

Brian Neville-O'Neill

26 React and Redux Interview Questions and Answers

FullStack Café

🔧 Code and Tools

ReactTinyFAB: A Tiny Floating Action Button for React

Deric Cain

SVGR: Transform SVGs Into React ComponentsVersion 3.0 has just been released.

Smooth Code

Ext JS: A Single Component Library for Your React Apps. View Examples

SENCHA sponsor

React EdiText: An Editable Text Component

Ali Oğuzhan Yıldız

React Values: A Set of Tiny React Components — ..for handling state with render props.

Ian Storm Taylor

Reuse: Reuse React Components to Create New Ones