--- title: "Create React App 3.3 released" publication: "React Status" issue: 168 published_at: "2019-12-11" canonical_url: "https://react.statuscode.com/issues/168" --- This week's React news #168 — December 11, 2019 [Read on the Web](https://react.statuscode.com/issues/168) React Status Your weekly React news digest, every Wednesday [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ovxam2nwgvy4ag7rv7vx.jpg)](https://react.christmas/2019/7) [How to Manage Global State with Context API and Hooks](https://react.christmas/2019/7) — _“Redux absolutely has its use cases and advantages. This is merely an alternate way to manage global state in a simpler way without the need of external libraries.”_ Jonas Løchsen [Preact 10.1: A Fast 3KB React Alternative with The Same API](https://github.com/preactjs/preact/releases) — Preact is an interesting project that often sees use in places where speed and size are of the absolute essence (Uber used it until they built their own in-house framework). New in 10.1 is support for a devtools extension and a `SuspenseList` component. [GitHub repo.](https://github.com/preactjs/preact) Preact [![\](https://copm.s3.amazonaws.com/bb91ffc6.jpg)](https://frontendmasters.com/courses/client-graphql-react/) [⚛️ New Course: Client-Side GraphQL in React](https://frontendmasters.com/courses/client-graphql-react/) — Interact with GraphQL using React hooks to build amazing things with React and GraphQL! Frontend Masters sponsor [Create React App 3.3 Released](https://github.com/facebook/create-react-app/releases/tag/v3.3.0) — The latest version of the popular ‘create a React app in one command’ tool is out, adding custom templates and support for the new optional chaining and nullish coalescing operators. Facebook [Don't Call A React Function Component](https://kentcdodds.com/blog/dont-call-a-react-function-component) — A demonstration of the difference between `React.createElement` and calling a function component directly and why you should _render_ function components instead of calling them. Kent C Dodds [The Unseen Performance Costs of Modern CSS-in-JS Libraries in React Apps](https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/) — An attempt to _“shed some light into the potentially unknown performance implications when using the most prominent CSS-in-JS libraries”_. Aggelos Arvanitakis 💻 Jobs [Full Stack Engineer](https://we.are.expensify.com/) — Expensify seeks a self-driven individual passionate about making code effective, with an understanding of algorithms and design patterns. Expensify [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) — Make a profile, name your salary, and connect with hiring managers from top employers. Vettery is completely free for job seekers. Vettery 📘 Tutorials and Stories [React is a State Manager Too, You Know](https://t.co/Aip8z2KeL0) — I’ve seen this point made a few times over the years. You don’t _necessarily_ need Redux or another state manager, since React has its own internal mechanisms you can use for your components. _(Note: You need to click on the ‘Project’ icon on the embedded code boxes to see the various files.)_ Tucker Blackwell ▶[The Great Gatsby(JS) Bootcamp](https://www.youtube.com/watch?v=8t0vNu2fCCM) — It’s over 4 hours long but there’s a lot of value here (and it plays well at 1.5x speed) if you haven’t worked with Gatsby yet. Andrew Mead [Tried & True Tips from 24 React Experts to Make You More Productive](https://www.telerik.com/kendo-react-ui/react-best-practices-and-productivity-tips/?utm_medium=cpm&utm_source=reactstatus&utm_campaign=kendo-ui-react-blog-productivity-tips-pp&utm_content=sponsored-link) — Get invaluable, practical productivity tips from React and JavaScript experts on how to excel in React. Read on. Progress KendoReact sponsor ▶[How to Create React Native Native Modules for Windows 10](https://www.youtube.com/watch?v=FS77XGEKzzQ) — Microsoft’s [using React Native](https://www.theregister.co.uk/2019/11/07/microsoft_react_native/) to build parts of Office now, so it’s definitely a viable approach. This video (audio is not great) shows off some of the practical side of things. David Red62 [Working with Azure Application Insights in your React app](https://react.christmas/2019/11) — [Application Insights](https://docs.microsoft.com/en-us/azure/azure-monitor/app/app-insights-overview) is a Azure service for instrumenting apps and events you trigger from them. Sondre Widmark and Marie Buøen [Oh, the (React) Suspense!](https://react.christmas/2019/4) — A brief and accessible introduction to what ‘suspense’ means in the React world, as of the [recent experimental releases.](https://reactjs.org/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html) Julia Hill Roa [Setting up ESLint and Prettier for React in VS Code](https://medium.com/@haykerman/setting-up-eslint-prettier-for-react-app-in-vscode-8662de2d9a96) Hayk Baghdasaryan ▶[Building an Animated Tree Chart with React, Hooks, and D3](https://www.youtube.com/watch?v=jC-6X6HDAxQ) — A 25 minute screencast. Murat Kemaldar [Control Your Components](https://react.christmas/2019/10) — A quick guide to creating components that control their own state, if you want them to. Kristofer Giltvedt Selbekk [Test-Driven React: The Key to Joyful Coding is Faster Feedback](https://pragprog.com/book/tbreact/test-driven-react) The Pragmatic Bookshelf sponsor ▶[One Software Engineer's Salary History as a React Developer](https://www.youtube.com/watch?v=UwUNFtJxuRw) — It’s a hugely personal topic and no-one’s experience is exactly the same as anyone else’s, but you might find it interesting anyway, especially as this developer is based in Europe. Matt Kander [Migrating to GraphQL at Airbnb](https://www.infoq.com/news/2019/12/airbnb-graphql-migration/) — Airbnb has successfully migrated much of its API to GraphQL, resulting in improved page load times and a more intuitive user experience. InfoQ 🔧 Code and Tools [react-beautiful-dnd 12.2 Released: Accessible Drag and Drop for Lists](https://github.com/atlassian/react-beautiful-dnd/releases/tag/v12.2.0) — Things are a lot smoother with this release in terms of shuffling around ‘colliding’ items when dragging and there’s a nice animated GIF to prove it. Atlassian [react-use-fuzz: A Hook for Client Side Fuzzy Search using Fuse.js](https://github.com/hellojoshuatonga/react-use-fuzzy) — Check out the [Fuse.js homepage](https://fusejs.io/) for an example of where this is useful. Essentially, this lets your search system be more resilient to potentially erroneous/misspelt user input. Joshua Tonga [react-mde: A Markdown Editor Component](https://github.com/andrerpena/react-mde) — There’s a [CodeSandbox demo here.](https://codesandbox.io/s/react-mde-latest-9i70s) André Pena [reactstrap 8.0: Simple React Bootstrap 4 Components](https://github.com/reactstrap/reactstrap) — Here’s [how to get started](https://reactstrap.github.io/) with it. reactstrap [React Cookie Banner That Can Be Dismissed with a Scroll](https://github.com/buildo/react-cookie-banner) — It’s for you to to decide if this passes the requirements in your country (if cookie-related laws apply there).. but it does what it says on the cookie jar. [Live example.](https://react-components.buildo.io/#cookiebanner) buildo 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