--- title: "#50: An Introduction to Preact" publication: "React Status" issue: 50 published_at: "2017-08-18" canonical_url: "https://react.statuscode.com/issues/50" --- react status 50 This week's React news -[Read this on the Web](https://react.statuscode.com/issues/50) [react status](https://react.statuscode.com) Issue 50 [An Introduction to Preact: A Smaller React Alternative](https://blog.logrocket.com/introduction-to-preact-a-smaller-faster-react-alternative-ad5532eb6d79?utm_source=reactnl&utm_medium=email) — [Preact](https://preactjs.com/) is a popular React-compatible alternative focused on being as thin & light as possible. Yomi Eluwande [A 5 Part Series on React Internals](http://www.mattgreer.org/articles/react-internals-part-one-basic-rendering/?utm_source=reactnl&utm_medium=email) — An exercise in ‘recreating’ React from the ground up, learning how it works along the way. A good way to get a grasp on how React works. Matt Greer [Get Production-Ready Crash Reporting 🚀](https://www.bugsnag.com/platforms/react-native-error-reporting/?utm_source=cooperpress&utm_medium=cpc&utm_content=learn-more&utm_campaign=react-native&utm_term=react-status-20170818) — Automatically detect crashes using Bugsnag, and get first-party support for React Native crash reporting. Get alerts when crashes occur, and collect diagnostics to help you reproduce and fix bugs impacting your users. [Learn more](https://www.bugsnag.com/platforms/react-native-error-reporting/?utm_source=cooperpress&utm_medium=cpc&utm_content=learn-more&utm_campaign=react-native&utm_term=react-status-20170818). Bugsnagsponsored [![\](https://copm.s3.amazonaws.com/249951f5.png)](https://www.bugsnag.com/platforms/react-native-error-reporting/?utm_source=cooperpress&utm_medium=cpc&utm_content=learn-more&utm_campaign=react-native&utm_term=react-status-20170818) [Turn React Components Inside Out with Functional Programming](https://www.bignerdranch.com/blog/destroy-all-classes-turn-react-components-inside-out-with-functional-programming/?utm_source=reactnl&utm_medium=email) — A real-world example of refactoring a React Native component into stateless functional components and higher-order components. Jonathan Martin [Now There's Even Better Support for React in Flow](https://medium.com/flow-type/even-better-support-for-react-in-flow-25b0a3485627?utm_source=reactnl&utm_medium=email) — From Flow 0.53.0 onward. _(Flow is a static type checker for JS.)_ Caleb Meredithnews [How to Build A To Do App with React Native](https://codeburst.io/todo-app-with-react-native-f889e97e398e?utm_source=reactnl&utm_medium=email) Ahmed Mahmoudnative [When Should You Use Arrow Functions in React?](https://reactarmory.com/answers/when-to-use-arrow-functions?utm_source=reactnl&utm_medium=email) — Avoid performance issues and certain bugs by using them in the right way. James K Nelson [Server-Render Like A Pro /w Redux-First Router in 10 Steps](https://medium.com/faceyspacey/server-render-like-a-pro-w-redux-first-router-in-10-steps-b27dd93859de?utm_source=reactnl&utm_medium=email) James Gillmore [Repatch: The Simplified, Less Verbose Redux](https://hackernoon.com/repatch-the-simplified-redux-2c4aa5c25fa9?utm_source=reactnl&utm_medium=email) — A thorough introduction. [GitHub repo.](https://github.com/jaystack/repatch) Péter Hauszknecht [2 Tips to Improve Performance by 30% with React and Webpack](http://engineering.teacherspayteachers.com/2017/08/16/two-tips-to-improve-performance-by-30-with-react-and-webpack.html?utm_source=reactnl&utm_medium=email) Ryan Sydnor [React Performance Anti-Pattern: Creating Functions in render()](https://medium.com/netscape/react-performance-anti-pattern-creating-functions-in-render-ddeb5ebd2933?utm_source=reactnl&utm_medium=email) — _“A very common mistake that I see in React components from beginners and experts alike.”_ Erik Rasmussen [The what and why of Redux](https://blog.pusher.com/the-what-and-why-of-redux/?utm_source=reactnl&utm_medium=email&utm_campaign=august18&utm_term=sponsoredlink&utm_content=cooperpress) — Discover what Redux is all about and how you can leverage from it when building your next project. Pushersponsored [Building a Stack Overflow Clone with Dgraph and React](https://blog.dgraph.io/post/building-graphoverflow/?utm_source=reactnl&utm_medium=email) — Dgraph is a fast, distributed graph database system. Sung Won Cho [Using React with TypeScript](https://pusher.com/sessions/meetup/viennajs/react-with-typescript?utm_source=reactnl&utm_medium=email) — A 20 minute practical demo on bringing React and Typescript together. No slides, just code. Oliver Zeigermann and Dave Brotherstonevideo [3 Talks You Should Watch on Styling React Components](http://jsramblings.com/2017/08/12/3-talks-you-should-watch-on-styling-react-components.html?utm_source=reactnl&utm_medium=email) Corina Udrescuvideo [vim-jsx-improve: A JSX Syntax and Indent Plugin for Vim](https://github.com/neoclide/vim-jsx-improve?utm_source=reactnl&utm_medium=email) Qiming Zhaotools [Validify: Super Simple Form Input Validation for React](https://github.com/navjobs/validify?utm_source=reactnl&utm_medium=email) NavJobscode [“CircleCI 2.0 is fast. We reduced builds from minutes to 12 seconds.”](https://circleci.com/?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=august&utm_content=react-status) CircleCIsponsored [Read this issue on the Web](https://react.statuscode.com/issues/50) [See our archives](https://react.statuscode.com/issues) [Stop getting this newsletter](*|UNSUB|*) Published by [Cooperpress](https://cooperpress.com/) Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK