--- title: "Create React App 4 and Next.js 10 released" publication: "React Status" issue: 212 published_at: "2020-10-28" canonical_url: "https://react.statuscode.com/issues/212" --- This week's React news, links, and libraries #212 — October 28, 2020 [Read on the Web](https://react.statuscode.com/issues/212) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/eb1joj7xjwikjrato9ys.jpg)](https://github.com/facebook/create-react-app/blob/master/CHANGELOG.md#400-2020-10-23) [Create React App 4.0 Released](https://github.com/facebook/create-react-app/blob/master/CHANGELOG.md#400-2020-10-23) — It has been well over a year since the last major release of [create-react-app](https://github.com/facebook/create-react-app), a popular way to quickly spin up a new React app, and it seems like it was worth the wait! We get support for Fast Refresh (the modern alternative to hot reloading) along with React 17 and TypeScript 4 support. There's also support for [ESLint 7](https://eslint.org/blog/2020/05/eslint-v7.0.0-released), [Jest 26](https://jestjs.io/blog/2020/05/05/jest-26) and [Web Vitals](https://web.dev/vitals/) as well as improvements to [PWA/Workbox](https://developers.google.com/web/tools/workbox). Facebook React Team [![\](https://copm.s3.amazonaws.com/18729457.png)](https://blog.appsignal.com/2020/10/07/launching-appsignal-monitoring-for-nodejs.html?utm_source=react-status-sponsored&utm_medium=email&utm_campaign=node-launch&utm_content=primary) [💥 AppSignal's Brand New 5-In-1 Application Monitoring for Node.js](https://blog.appsignal.com/2020/10/07/launching-appsignal-monitoring-for-nodejs.html?utm_source=react-status-sponsored&utm_medium=email&utm_campaign=node-launch&utm_content=primary) — We're officially launching the 1.0 version of @appsignal/node.js. It’s ready for use in production apps and includes out-of-the-box support for Node.js Core, Express, Next.js, Apollo Server and node-postgres. When the bits hit the fan, use AppSignal. AppSignal sponsor [Next.js 10 Released: Image Optimization, Internationalized Routing, React 17 Support](https://nextjs.org/blog/next-10) — Similarly, it was worth the wait for the next major release of [Next.js](https://nextjs.org). It also has support for [Analytics](https://nextjs.org/analytics) (incorporating [Web Vitals](https://web.dev/vitals/)) as well as [Next.js Commerce](https://nextjs.org/commerce) which is a collaboration with [BigCommerce](https://www.bigcommerce.com). Vercel [Time-Traveling State with Reactime 6.0](https://t.co/d88i9ilGgM?amp=1) — So much of debugging state management issues relates to not only knowing what the state **is**, it also has a lot to do with what the state **was** leading up to it. Go back in time with [Reactime](https://github.com/open-source-labs/reactime). Vincent Nguyen [Understanding When to Use `useMemo`](https://maxrozen.com/understanding-when-use-usememo/) — Max picks up on Knuth's often misunderstood _"premature optimization is the root of all evil"_ quote but uses it to point at the misuse of `useMemo` before it’s really necessary. Max Rozen 💻 Jobs [React Developer at X-Team (Remote)](https://x-team.com/remote-react-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=react) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more. X-Team [Find a Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-reactstatus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77585) — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers. Vettery 🧑‍💻 _Interested in running a job listing in React Status? There's [more info here.](https://booking.cooperpress.com/jobs)_ 🛠 Tutorials, Articles & Stories [What’s New in Webpack 5: And Should You Rush to Upgrade?](https://t.co/BLivvHTJeG?amp=1) — A valuable, candid assessment of what’s to be gained with the latest major release of [webpack](https://webpack.js.org). While the benefits mean you’ll have to get there eventually, you will also want to proceed prudentially, particularly if you make heavy use of [plugins](https://webpack.js.org/plugins/) which may not yet be supported. Malcolm Laing [The 5 Questions Every Unit Test Must Answer: React Wednesdays Interview](https://www.telerik.com/blogs/five-questions-every-unit-test-must-answer-react-wednesdays-interview-eric-elliott?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-react-wed-unit-testing&utm_content=sponsored-link) — Eric Elliott dropped a masterclass in testing at React Wednesdays, a weekly Twitch show. [Neatly summarized in this blog](https://www.telerik.com/blogs/five-questions-every-unit-test-must-answer-react-wednesdays-interview-eric-elliott?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-react-wed-unit-testing&utm_content=sponsored-link). Progress KendoReact sponsor [How to Create a Reddit Clone Using React and Firebase](https://www.sitepoint.com/reddit-clone-react-firebase/) — If you think that [Reddit](https://www.reddit.com) is more heat than light much of the time, maybe you should consider creating your own version of it? This one makes novel use of [Firebase](https://firebase.google.com) as a backend to create something very simple. Nirmalya Ghosh [React Form Validation with Formik and Yup](https://www.smashingmagazine.com/2020/10/react-validation-formik-yup/) — React has pretty decent form handling baked right in, so why is it necessary to also incorporate [Formik](https://formik.org) and [Yup](https://github.com/jquense/yup)? In short, simpler and easier development of bulletproof forms. Nefe Emadamerho-Atori [Wouter: A Minimalist Alternative to React Router](https://t.co/weTkA43neV?amp=1) — Not a day goes by when we don’t encounter the 80/20 rule: deliver the 20% which meets 80% of the need. If you think [React Router](https://reactrouter.com) might benefit from this approach, then you want to give [Wouter](https://github.com/molefrog/wouter) a try for your next React/[Preact](https://preactjs.com) project. It’s the 20% you need. Nathan Sebhastian [How to Create a Camera App with Expo and React Native](https://www.freecodecamp.org/news/how-to-create-a-camera-app-with-expo-and-react-native/) — [Expo](https://expo.io) is getting quite a bit of attention in the React Native community. That said, richly-llustrated concrete examples of how to use it are always welcome particularly when accompanied by [source code](https://github.com/hayanisaid/expo-camera-tutorial). Said Hayani [How to Build Your Own Codepen-Style Online Code Editor App](https://t.co/9RENfYL6kv?amp=1) Moshe Kerbel [Pro Tips for Setting Up a React Native Project in 2020](https://t.co/KuxwtNEIvG?amp=1) Tamás Menyhárt 🛠 Code and Tools supported by [![Okta\](https://res.cloudinary.com/cpress/image/upload/v1602154330/de7dtktheistsfpqdem4.png)](https://developer.okta.com/?utm_campaign=newsletter_cooperpress_all_multiple_inc_dev_sponsored-section_null&utm_source=cooperpress&utm_medium=cpc) [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/wnih0hcyqpn5cwcel9wz.jpg)](https://github.com/prabhuignoto/react-chrono) [React-Chrono: A Beautiful and Flexible Timeline Component](https://github.com/prabhuignoto/react-chrono) — We count amongst our number those who are history buffs, and they don’t think there is any better way of conveying that information than a [timeline](https://github.com/prabhuignoto/react-chrono/blob/master/readme-assets/demo3.gif). Render in 3 unique modes (vertical/horizontal, tree, or auto-playing slideshow) and you get keyboard navigation support too. Prabhu Murthy [Frontity: React Meets WordPress](https://github.com/frontity/frontity) — According to one source, [WordPress](https://wordpress.org) powers a whopping [39% of the world’s websites](https://w3techs.com/technologies/details/cm-wordpress). So how about creating React-based Wordpress themes with this? Frontity [Building Chat With React? Stream Chat Has You Covered](https://getstream.io/chat/react-chat/tutorial/?utm_campaign=react_status&utm_medium=promoted_newsletter&utm_source=react_status_promoted) Stream sponsor [Talkr: Super Small i18n Provider](https://github.com/DoneDeal0/Talkr) — For internationalizing your app, here’s everything you need and nothing you don’t. It even features auto-detection of browser language and plural rules. DoneDeal0 [Vime: Customizable, Extensible, Accessible and Framework Agnostic Media Player](https://github.com/vime-js/vime) — If you want better control over the media viewing experience than, say, Vimeo or YouTube are willing to provide, you can put Vime in the middle and you’ll have all the control you could possibly want. Comes complete with [React-specific bindings](https://vimejs.com/getting-started/installation#react). Vime [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/jshv9dz9j73hhm8hec1z.jpg)](https://github.com/whawker/react-jsx-highcharts) [React JSX Highcharts: Highcharts Built with Proper React Components](https://github.com/whawker/react-jsx-highcharts) — [Highcharts](https://github.com/highcharts/highcharts) is a popular and powerful charting library (check out their [demo](https://www.highcharts.com/demo)). But now, it’s also tightly integrated with React as you can see in [this example.](https://whawker.github.io/react-jsx-highcharts/examples/Sankey/index.html) Will Hawker This issue was curated by Terence C. Gannon and edited by the Cooperpress team. 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