---
title: "Almost 1000 curated React projects and resources"
publication: "React Status"
issue: 121
published_at: "2019-01-16"
canonical_url: "https://react.statuscode.com/issues/121"
---

This week's React news       

#121 — January 16, 2019 

[Read on the Web](https://react.statuscode.com/issues/121)   

react status 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ztw5s29mbmukarnabxun.jpg)](https://reactlucid.io/)   

[Lucid: A React-GraphQL Debugging Tool](https://reactlucid.io/) — A Chrome-based developer tool designed to help you debug React and GraphQL-powered apps. 

Gossamer-React   

[Awesome React: Almost 1000 Curated React Projects and Resources](https://github.com/enaqx/awesome-react) — A frequently updated and in-depth collection of articles, and resources relating to the React ecosystem that’s now almost 1000 items strong. (If anyone fancies adding this newsletter, though… 😄) 

Nick Raienko   [![\](https://copm.s3.amazonaws.com/c4b285c0.png)](https://frontendmasters.com/learn/react/) 

[The Complete ⚛️ React Learning Path](https://frontendmasters.com/learn/react/) — Take your React to the next level to find out what it is fully capable of with this comprehensive learning path. 

Frontend Masters sponsor   

[React 16.8.0-alpha.0 Available](https://twitter.com/dan_abramov/status/1083139151720001543) — If you want the latest possible build with hooks enabled, here you go. Further good news too: _“We’re back from vacations and are focused on getting Hooks into a stable release as our biggest priority.”_ 

🐦 Dan Abramov on Twitter   

[Styled Components, 'The Styling Library You Don’t Want to Be Without'](https://itnext.io/styled-components-the-styling-library-for-your-react-apps-you-dont-want-to-be-without-169305ccb9e7) — _“There are a ton of ways to style components in React. This is probably my favourite way of doing it and it differs somewhat conceptually from other ways of styling.”_ 

Christoffer Noring   

[Support for Hooks Has Landed in a Build of the React DevTools](https://twitter.com/brian_d_vaughn/status/1084944848434524160) — You need to be using the _alpha_ version of 16.8. 

🐦 Brian Vaughn on Twitter  

💻 React Jobs  

[UI Engineer, Design Systems (San Francisco)](https://www.uber.com/careers/list/40899/) — As a UI Platform Engineer at Uber, you'll be building Base UI, Uber's design language for all web applications at Uber and beyond. 

Uber   

[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) — Vettery specializes in developer roles and is completely free for job seekers. 

Vettery  

📘 Tutorials 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/emeitxj5q9g9nyfvpw2y.jpg)](https://upmostly.com/tutorials/build-a-password-strength-meter-react/)  

[Build a Password Strength Meter in React](https://upmostly.com/tutorials/build-a-password-strength-meter-react/) — A nice way to give users visual feedback as to the strength of their password. 

James King   

[Animated Input Label with Chrome Autofill Detection in React](https://codedaily.io/tutorials/69/Animated-Input-Label-with-Chrome-Autofill-Detection-in-React) — While autofill can be useful for users, there may be times you need to react to this occurring in your app. 

Jason Brown   

[📈Data-Driven Guide to Engineering Leadership](https://www.gitprime.com/resources-data-driven-engineering-metrics/?utm_source=reactnl&utm_medium=email-nl&utm_campaign=reactnl%28q1%29) 

GitPrime sponsor   

[Building Highly Performant Masonry Layouts with Gatsby.js](https://blog.usejournal.com/building-highly-performant-masonry-layouts-with-gatsby-js-54115acc3e72) — The journey of creating a responsive image gallery which works _without_ client-side JavaScript, but still using React via [Gatsby.js.](https://www.gatsbyjs.org/) 

Kristóf Poduszló   

[How to Get Started with The React Context API](https://medium.freecodecamp.org/how-to-get-started-with-the-react-context-api-ccc41728fa59) — How to use the React Context API to change the theme in an app. 

Scott Spence  

🔧 Code and Tools  

[Storybook 4.1: The UI Component Developer Workshop](https://medium.com/storybookjs/storybook-4-1-need-for-speed-b05fd5f1e83d) — Storybook is a popular and powerful tool for working on UI components and the latest release boosts startup time and extends support to all versions of React 15.x+. 

Michael Shilman   

[React Simple Animate: UI Animation Made Simple](https://react-simple-animate.now.sh/) — Inline style React animation made easy. 

Bill Luo   

[Simplify Event Tracking with a Single API](https://segment.com/?utm_source=reactnl&utm_medium=email&utm_content=ss) — Collect data once with Segment and send it to 200+ tools. Get a free developer account. 

Segment sponsor   

[react-top-loading-bar: A Simple YouTube-Like React Load Progress Component](https://github.com/klendi/react-top-loading-bar) 

Klendi Gocci   

[React Content Loader: An SVG-Powered 'Content Loading' Placeholder Component](https://github.com/danilowoz/react-content-loader) 

Danilo Woznica   

[react-player-controls: A Set of Modular React Components for Building Media Player Interfaces](https://github.com/alexanderwallin/react-player-controls) 

Alexander Wallin   

[Material-UI: React Components That Implement Google's Material Design](https://github.com/mui-org/material-ui) — [3.9.0](https://github.com/mui-org/material-ui/releases/tag/v3.9.0) is out introducing a new Link component ([demo here](https://deploy-preview-14093--material-ui.netlify.com/style/links/)). 

Material-UI         

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