--- title: "How Facebook's redesign is going full React" publication: "React Status" issue: 136 published_at: "2019-05-01" canonical_url: "https://react.statuscode.com/issues/136" --- This week's React news #136 — May 1, 2019 [Read on the Web](https://react.statuscode.com/issues/136) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/wxo3txptshbqt4ircijr.jpg)](https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/) ▶[Building the New Facebook.com with React, GraphQL and Relay](https://developers.facebook.com/videos/2019/building-the-new-facebookcom-with-react-graphql-and-relay/) — Facebook’s forthcoming redesign is [fully powered by React and Relay](https://twitter.com/dan_abramov/status/1123284258892783616) and this 35 minute talk from F8 digs into the React-related technicalities of making it all work behind the scenes. Facebook for Developers [Using Parcel as a Bundler for React Applications](https://css-tricks.com/using-parcel-as-a-bundler-for-react-applications/) — [webpack](https://webpack.js.org/) is an incredibly popular module builder and asset bundler, but [Parcel](https://parceljs.org/) is another great option and even easier to use. Kingsley Silas [![\](https://copm.s3.amazonaws.com/f1ad490b.png)](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) [Get the Fastest React Deployments. Get Started Free](https://buddy.works/?utm_source=sscprs&utm_campaign=sscprs1704&utm_content=p) — Unlike most Continuous Integration (CI) solutions, Buddy only re-builds the parts of your application that have changed and deploys your updates in seconds to any cloud. Start building better React apps faster with Buddy. Buddy sponsor [How to Use React Context Effectively](https://kentcdodds.com/blog/how-to-use-react-context-effectively) — Kent has three key tips: - Don't reach for context to solve every state sharing problem. - Context does NOT have to be global to the whole app. - You can have multiple logically separated contexts in your app. Kent C Dodds [An Explanation of 'Concurrent Mode'](https://threader.app/thread/1120971795425832961) — Concurrent Mode will let apps be more responsive by rendering component trees without blocking the main thread. Dan Abramov [How to `useReducer` in React?](https://www.robinwieruch.de/react-usereducer-hook/) — You’ll want to know [what a reducer _is_](https://www.robinwieruch.de/javascript-reducer/) first, but assuming you do, this is a short, sweet and practical example of how the `useReducer` hook can bring reducers and React together for handling complex state transitions. And if you prefer video, Harry Wolff also has a new video out this week demonstrating [why he loves useReducer](https://www.youtube.com/watch?v=o-nCM1857AQ) (22 minutes), complete with live coding. Robin Wieruch 💻 Jobs [JavaScript Developer at X-Team (Remote)](https://x-team.com/remote-javascript-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=react) — Join the most energizing community for developers. Work from anywhere with the world's leading brands. X-Team [Have You Tried Vettery?](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. Vettery 📘 Tutorials [Building an AMP-Powered Site with React and Next.js](https://reacttricks.com/building-an-amp-website-with-react-and-next/) — This has been inspired by Next.js’s recently added support for working with AMP (a.k.a. _Accelerated Mobile Pages_ but increasingly becoming something bigger than that). Kristian Heruc [How to Build and Integrate a Serverless React App with Crowdbotics and AWS Amplify](https://medium.com/crowdbotics/how-to-quickly-build-and-integrate-a-serverless-react-application-with-crowdbotics-and-aws-amplify-8ffd0dd00a67) — A pretty extensive tutorial that focuses on using [Crowdbotics](https://www.crowdbotics.com/)’ tools and platform. Aman Mittal [How to Create a Timeline Component with React](https://www.florin-pop.com/blog/2019/04/how-to-create-a-timeline-with-react/) Florin Pop [🍪 Cookies Should Come from Your Grandma, Not from Ads](https://codefund.app/publishers/?utm_source=newsletter&utm_medium=email&utm_campaign=cp-rs&utm_term=2019-04-26) — CodeFund helps fund maintainers, bloggers, and builders through non-tracking ethical ads. See if you qualify. CodeFund sponsor [Build a Chat App with React, TypeScript and Socket.io](https://medium.freecodecamp.org/build-a-chat-app-with-react-typescript-and-socket-io-d7e1192d288) Мihail Gaberov [Why I Prefer React Over Vue](https://sebastiandedeyne.com/why-i-prefer-react-over-vue) — I’ve seen a few articles about the _opposite_ of this recently, but it’s great to see someone standing up for why they love React. Sebastian De Deyne [What I’ve Learned Building 4 React Native Apps Over 3 Years](https://t.co/EkflRRTsQ6) Kyle Erickson 🔧 Code and Tools [Uppy 1.0: A Modular Open-Source JavaScript File Uploader](https://uppy.io/blog/2019/04/1.0/) — For when `` isn’t enough. It’s React friendly and now includes beta level React Native support too. Artur Paikin [react-testing-library 7.0 Released](https://github.com/testing-library/react-testing-library) — React DOM testing utilities that encourage good testing practices so you can test how your React components _work_ rather than how they’re implemented. Testing Library [Partner with Manifold to Reach More Developers](https://www.manifold.co/partners?utm_source=newsletter&utm_medium=react_status&utm_campaign=may1) Manifold sponsor [Material-UI: Google Material Design-Inspired Components](https://github.com/mui-org/material-ui) — The [first beta of 4.0.0](https://github.com/mui-org/material-ui/releases/tag/v4.0.0-beta.0) is here. The final 4.0 is due in a few weeks, we’ll be featuring it here too. Material-UI [Rn-Placeholder: A Way to Show Placeholder Content While Other Content Loads](https://github.com/mfrachet/rn-placeholder) — Display some placeholder stuff before rendering your text or media content in a React Native app. Marvin Frachet native [react-native-modal: An Animated, Customizable React Native Modal](https://github.com/react-native-community/react-native-modal) React Native Community native [Cavy 1.1: An Integration Test Framework for React Native](https://github.com/pixielabs/cavy) Pixie Labs native A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom