---
title: "A Sneak Peek at What's Beyond React 16"
publication: "React Status"
issue: 77
published_at: "2018-03-02"
canonical_url: "https://react.statuscode.com/issues/77"
---

This week's React news       

#77 — March 2, 2018 

[Read on the Web](https://react.statuscode.com/issues/77)   

react status 

[![Dan Abramov presenting on the future of React beyond version 16\](https://res.cloudinary.com/cpress/image/upload/w_800/moy3s5j71agqvt407gmv.jpg)](https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html)  

▶[A Sneak Peek at What's Beyond React 16](https://reactjs.org/blog/2018/03/01/sneak-peek-beyond-react-16.html) — At this week’s JSConf Iceland, Redux creator Dan Abramov shared the React team’s latest vision for what the future of React might look like, along with some never-before-seen prototypes. 

Sophie Alpert   

[Pagedraw: Easily Turn Sketch Mockups into React Apps](https://pagedraw.io/) — Pete Hunt said this is _“perhaps the most ambitious WYSIWYG editor for React apps.”_ It’s basically a UI builder that turns mockups into React code. 

Pagedraw   [![\](https://copm.s3.amazonaws.com/345a1472.png)](https://university.mongodb.com/courses/M001/about?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=brief&utm_medium=display&utm_source=reactstatus20180302) 

[Be a Full Stack Expert. Learn MongoDB Free in M001, MongoDB Basics](https://university.mongodb.com/courses/M001/about?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship_FY19Q1&utm_content=brief&utm_medium=display&utm_source=reactstatus20180302) — MongoDB University courses are free and give you everything you need to know about MongoDB. 

MONGODB sponsor   

[React Hot Loader 4.0: Tweak React Components in Real Time](https://github.com/gaearon/react-hot-loader) — 4.0 brings ES8, TypeScript, React 16, Webpack, and Parcel support, plus zero config. 

Abramov, Bergé, et al.   

[Redesigning Redux (with Rematch)](https://hackernoon.com/redesigning-redux-b2baee8b8a38) — An attempt to explain why and where Redux is needed and how it can be made better to work with, resulting in a wrapper called [Rematch](https://github.com/rematch/rematch). 

Shawn McKay   

▶[Smells in React Apps](https://www.youtube.com/watch?v=xBa0_b-5XDw) — A 30 minute talk from JSConf.Asia 2018 looking at code and design smells you can come across in React apps. 

Thai Pangsakulyanont   

[Bitmasks and the new React Context API](https://hph.is/coding/bitmasks-react-context) — A look at the key parts of the new Context API and how bitmasks are used to optimize performance. 

Haukur Hallvarðsson   

[Building a Component Library from Scratch](https://medium.com/oscar-tech/building-a-component-library-from-scratch-ba6421074d6a) — Using React and CSS modules to build a flexible component library. 

Iain Nash   

[8 Conditional Rendering Methods](https://blog.logrocket.com/conditional-rendering-in-react-c6b0e5af381e) — A look over some of the ways to use conditional expressions in React (such as with if/else, ternary operators, and subcomponents.) 

Esteban Herrera    

[Linux Cloud Hosting Starting at 1GB of RAM for $5/mo](https://welcome.linode.com/react/?utm_source=cooperpress&utm_medium=sponsored&utm_campaign=react-weekly-brief) 

Linode Cloud Hosting sponsor  

🎬 Videos and Screencasts  

[Understanding setState in componentDidMount to Measure Elements Without Transient UI State](https://codedaily.io/screencasts/67/Understanding-setState-in-componentDidMount-to-Measure-Elements-Without-Transient-UI-State) 

Code Daily   

[Debugging a Create React App with VS Code](https://www.youtube.com/watch?v=UI7dpnVoad8) 

Elijah Manor  

💻 React Jobs   

[Product Engineer](https://corp.quip.com/about/jobs#product-engineer) — We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team. 

Quip    

[Mobile Engineer (m/f) at LOVOO GmbH, Dresden](https://inside.lovoo.com/en/job/mobile-engineer-mf/) — Fluent in Kotlin or Swift and can understand people talking in React Native? Let us hear from you. Apply as Mobile Engineer at LOVOO. 

LOVOO GmbH  

🔧 Code and Tools  

[Redux Box: A Less Complicated, Modular Redux Abstraction](https://github.com/anish000kumar/redux-box) 

Anish Kumar    

[Real-time Error Monitoring, Alerting, and Analytics for React](https://rollbar.com/error-tracking/javascript/?utm_source=react_status&utm_campaign=nl_sponsorship&utm_medium=email-nl) 

ROLLBAR sponsor   

[React Morph: Morphing UI Transitions Made Simple](https://github.com/brunnolou/react-morph) 

Bruno Lourenço  

📱 React Native  

[Easier React Native Development With Expo](https://code.tutsplus.com/tutorials/easier-react-native-development-with-expo--cms-30546) — Expo is a collection of tools that make it easier to code React Native apps. 

Wernher-Bel Ancheta   

[Building An Ecommerce Search App with React Native](https://hackernoon.com/building-an-e-commerce-search-app-with-react-native-2c87760a2315) 

Deepak Grover   [![\](https://res.cloudinary.com/cpress/image/upload/w_800/rlschmgmlc4q8yaqzbor.jpg)](https://github.com/indiespirit/react-native-chart-kit) 

A Bezier line chart created with React Native Chart Kit   

[React Native Chart Kit: Line, Bezier, Progress Ring, Bar Charts, etc.](https://github.com/indiespirit/react-native-chart-kit) 

Oleg Berman         

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*%7CUID%7C*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*%7CUID%7C*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom