--- title: "styled-components v4, Evergreen 4.0, and how to profile React components" publication: "React Status" issue: 110 published_at: "2018-10-17" canonical_url: "https://react.statuscode.com/issues/110" --- This week's React news #110 — October 17, 2018 [Read on the Web](https://react.statuscode.com/issues/110) react status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/i6ewr8rbnsgcokxo6ars.jpg)](https://evergreen.segment.com/) [Evergreen: A React UI Framework](https://evergreen.segment.com/) — A suite of polished React [components](https://evergreen.segment.com/components/) from basic layout primitives like buttons and text inputs to menus, side sheets and tables. [Version 4](https://github.com/segmentio/evergreen/releases/tag/v4.0.0) came out earlier this week with a significant number of updates. Segment [Avoiding Unnecessary Renders with React Context](https://frontarm.com/articles/react-context-performance/) — Before you replace Redux’s `` component with React’s new context API, there’s a thing or two that you should know about performance. James K Nelson [![\](https://copm.s3.amazonaws.com/a2ce169e.png)](http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?utm_source=cp_react_status&utm_medium=advertising&utm_campaign=pt-sncextjs&utm_content=101718-pt-sncextjs-examples#grids) [Use the Powerful Ext JS Grid for Your React Apps](http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?utm_source=cp_react_status&utm_medium=advertising&utm_campaign=pt-sncextjs&utm_content=101718-pt-sncextjs-examples#grids) — A grid can be one of the most frustrating UI components to build as part of your app development process. [View our interactive grid examples](http://examples.sencha.com/extjs/6.6.0/examples/kitchensink/?utm_source=cp_react_status&utm_medium=advertising&utm_campaign=pt-sncextjs&utm_content=101718-pt-sncextjs-examples#grids) & see why development teams are choosing to integrate our Ext JS component library with their React apps. SENCHA sponsor ▶[What’s New in Create React App 2.0: A Video Series](https://medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df) — [Create React App 2.0](https://reactjs.org/blog/2018/10/01/create-react-app-v2.html) is only two weeks old, but Elijah Manor has already put together a set of handy, brief videos on using it for egghead.io. Elijah Manor ▶[Why I No Longer Use Redux with React](https://www.youtube.com/watch?v=pUlwhe-kmog) — Ben Awad, well known for his React tutorials on YouTube, explains why he no longer uses Redux and what he does instead. Ben Awad [styled-components v4 Released](https://medium.com/styled-components/styled-components-v4-new-final-finalest-for-real-final-final-psd-fa4d83398a77) — Use ES6’s tagged template literals to elegantly write CSS right in your JavaScript to style your components. v4 is smaller, faster, and has full React 16 `StrictMode` compliance. Evan Jacobs [Why React 16 Is a Blessing to React Developers](https://medium.freecodecamp.org/why-react16-is-a-blessing-to-react-developers-31433bfc210a) Harsh Makadia 💻 React Jobs [Work on Uber's Open Source Design Language](https://www.uber.com/careers/list/40899/) — We're developing Base UI, a new React component library for web applications at Uber and beyond. Join our team. Uber [Join Our Career Marketplace & Get Matched With A Job You Love](https://www.hired.com/react) — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details. Hired 📘 Tutorials [Creating a Photo Sharing App with React Native](https://pusher.com/tutorials/photo-sharing-react-native) — How to create a live photo sharing app using Node.js, React Native and Imgur. Wern Ancheta [Profiling React Components with the User Timing API](https://www.telerik.com/blogs/profiling-react-components-with-the-user-timing-api) — Profiling your React components may be the most important thing you can do to improve performance. Blanca Mendizábal Perelló [Creating a Web Application Using MongoDB Stitch and AWS S3 to Store Images](https://www.mongodb.com/blog/post/handling-files-using-mongodb-stitch-and-aws-s3?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship&utm_content=20181017&utm_medium=display&utm_source=reactstatus) MongoDB sponsor [Setting Up a React App from Scratch](https://medium.com/@adamramberg/setting-up-a-react-app-from-scratch-42521a118b10) — What’s involved if you _don’t_ want to use boilerplate or tools like _Create React App_. Adam Ramberg [Unit Testing Redux Actions, Reducers and Epics with Jest](https://itnext.io/unit-testing-redux-actions-reducers-and-epics-with-jest-484f8a59f1f2) Arron Harden [Rendering ASCII Chord Charts with React](http://www.petecorey.com/blog/2018/10/08/rendering-ascii-chord-charts-with-react/) — A quick look at how to use React to generate ASCII-based guitar chord charts. Pete Corey 🔧 Code and Tools [React Tabulator: An Advanced Table Library with Many Useful Features](https://github.com/ngduc/react-tabulator) Duc Ng [React Numpad: A Numeric Pad-Style Control for Numbers, Dates, and Times](https://github.com/gpietro/react-numpad) — You might need to see [the demo](https://gpietro.github.io/docs/) to get the idea here. Pietro Ghezzi [Say Goodbye to Bad Data with Protocols](https://segment.com/product/protocols?utm_source=reactnl&utm_medium=email&utm_content=protocols) — Prevent data that doesn’t match your spec from ever hitting your analytics or marketing tools. Segment sponsor [React Router 4.4.0 Beta 2 Released](https://github.com/ReactTraining/react-router/releases/tag/v4.4.0-beta.2) — 4.4 is promising to be a key release. React Training [Styled Map: A Simpler Way to Map Props to Styles with Styled Components](https://github.com/scf4/styled-map/) Scott Michael [React Mock: Declarative Mocks for React State and Global APIs](https://github.com/skidding/react-mock) Ovidiu Cherecheș 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