Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/techwards/all-about-react

A curated list of react blogs, talks, podcast from industry experts
https://github.com/techwards/all-about-react

List: all-about-react

awesome-list community content documentation excellence expert guide javascript open-source react react-js react-project readme

Last synced: about 1 month ago
JSON representation

A curated list of react blogs, talks, podcast from industry experts

Awesome Lists containing this project

README

        





Logo

All About React



A curated list of react resources from industry experts




[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]

## About The Project
This Project is created to help developers master their concepts and expertise in React by learning from articles, talks, and podcasts from industry experts in this domain.

It serves as a curated list of React material and content to help in learning react in-depth and build a solid foundation of programming concepts. We organized the material topic-wise and categorized it into articles, talks, and podcasts for now.

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## Experts
These are the react experts to whom content and resources we are referring


Andrew Clark
Andrew Clark

github handle  twitter handle

Brian Vaughn
Brian Vaughn

github handle  twitter handle

Dan Abramov
Dan Abramov

github handle  twitter handle

Ryan Florence
Ryan Florence

github handle  twitter handle

Kent C. Dodds
Kent C. Dodds

github handle  twitter handle

Brad Westfall
Brad Westfall

github handle  twitter handle

Michael Jackson
Michael Jackson

github handle  twitter handle

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## Table of Contents

- **[State and Props](#state-and-props)**
- **[Hooks](#hooks)**
- [useState](#use-state)
- [useEffect](#use-effect)
- [useCallback](#use-callback)
- [useContext](#use-context)
- [useDebugValue](#use-debug-value)
- [useDeferredValue](#use-deferred-value)
- [useEvent](#use-event)
- [useId](#use-id)
- [useImperativeHandle](#use-imperative-handle)
- [useInsertionEffect](#use-insertion-effect)
- [useLayoutEffect](#use-layout-effect)
- [useMemo](#use-memo)
- [useReducer](#use-reducer)
- [useRef](#use-ref)
- [useSyncExternalStore](#use-sync-external-store)
- [useTransition](#use-transition)
- **[Routing](#routing)**
- [React Router](#react-router)
- **[Styling](#styling)**
- [CSS-in-JS](#css-in-js)
- [Inline Styling](#inline-styling)
- [Styled Components](#styled-components)
- [CSS Modules](#css-modules)
- [React Router](#react-router)
- [Tailwind CSS](#tailwind-css)
- **[Global State Management](#global-state-management)**
- [Redux](#redux)
- [Recoil](#recoil)
- [Jotai](#jotai)
- [Rematch](#rematch)
- [Hookstate](#hook-state)
- [MobX](#mobx)
- [Zustand](#zustand)
- **[Data Fetching](#data-fetching)**
- [React Query](#react-query)
- [SWR](#swr)
- [RTK Query](#rtk-query)
- [Apollo](#apollo)
- **[Rendering](#rendering)**
- **[Patterns](#patterns)**
- [Composition vs Inheritance](#com-vs-int)
- [Custom Hooks](#custom-hooks)
- [Compound Component Pattern](#cmd-comp-pattern)
- [Composition Components vs Configuration Components](#cc-vs-cc)
- **[Testing](#testing)**
- [React Testing Library](#react-testing-library)
- [Jest](#jest)
- [Enzyme](#enzyme)
- **[React in Typescript](#react-in-typescript)**
- **[Server Side Rendering](#server-side-rendering)**
- [React Dom Server](#react-dom-server)
- [NextJS](#next-js)
- [Remix](#remix)
- [Gatsby](#gatsby)
- **[Security](#security)**
- [Cyber Attacks](#cyber-attacks)
- [Vulnerabilities](#vulnerabilities)
- [Best Practices](#sec-best-practices)
- **[Architecture](#architecture)**
- **[Toolchains](#toolchains)**
- [Create React App](#create-react-app)
- [Vite](#vite)
- [Nx](#nx)
- **[Dockerization](#dockerization)**

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## State and Props [🔝](#table-of-contents)

### Blogs and Articles
- 📜 [You Probably Don't Need Derived State by Brian Vaughn](https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#when-to-use-derived-state)
- 📜 [Props vs State by Kent C. Dodds](https://kentcdodds.com/blog/props-vs-state)
- 📜 [Don't Sync State. Derive It by Kent C. Dodds](https://kentcdodds.com/blog/application-state-management-with-react)
- 📜 [Application State Management with React by Kent C. Dodds](https://kentcdodds.com/blog/application-state-management-with-react)
- 📜 [State Colocation will make your React app faster by Kent C. Dodds](https://kentcdodds.com/blog/understanding-reacts-key-prop)
- 📜 [Understanding React's key prop by Kent C. Dodds](https://kentcdodds.com/blog/use-state-lazy-initialization-and-function-updates)
- 📜 [useState lazy initialization and function updates by Kent C. Dodds](https://kentcdodds.com/blog/use-state-lazy-initialization-and-function-updates)
- 📜 [Should I useState or useReducer? by Kent C. Dodds](https://kentcdodds.com/blog/should-i-usestate-or-usereducer)
- 📜 [How to implement useState with useReducer by Kent C. Dodds](https://kentcdodds.com/blog/how-to-implement-usestate-with-usereducer)
- 📜 [My State Management Mistake by Kent C. Dodds](https://epicreact.dev/my-state-management-mistake/)
- 📜 [How To Use and Not Use State By Brad Westfall](https://reacttraining.com/blog/how-to-use-and-not-use-state/)
- 📜 [How is state related to the declarative approach in React? by Brad Westfall](https://reacttraining.com/blog/state-and-the-declarative-approach/)

### Talks
- 🎥 [Using Composition in React to Avoid "Prop Drilling" By Michael Jackson](https://www.youtube.com/watch?v=3XaXKiXtNjw)
- 🎥 [The Actor Model: a new mental model for React by Farzad YousefZadeh](https://portal.gitnation.org/contents/the-actor-model-a-new-mental-model-for-react)
- 🎥 [setState, We Need to Talk! by Nikhil Sharma](https://portal.gitnation.org/contents/setstate-we-need-to-talk)

## Hooks [🔝](#table-of-contents)

### Blogs and Articles
- 📜 [Why Do React Hooks Rely on Call Order by Dan Abramov](https://overreacted.io/why-do-hooks-rely-on-call-order/)
- 📜 [Before You memo() by Dan Abramov](https://overreacted.io/before-you-memo/)
- 📜 [A Complete Guide to useEffect by Dan Abramov](https://overreacted.io/a-complete-guide-to-useeffect/)
- 📜 [Synchronizing with Effects by Dan Abramov](https://beta.reactjs.org/learn/synchronizing-with-effects)
- 📜 [Making setInterval Declarative with React Hooks by Dan Abramov](https://overreacted.io/making-setinterval-declarative-with-react-hooks/)
- 📜 [Reconciling the useEffect Tree By Ryan Florence](https://reacttraining.com/blog/react-effect-tree/)
- 📜 [Using Hooks in Classes By Ryan Florence](https://reacttraining.com/blog/using-hooks-in-classes/)
- 📜 [useEffect vs useLayoutEffect by Kent C. Dodds](https://kentcdodds.com/blog/useeffect-vs-uselayouteffect)
- 📜 [React Hooks: Compound Components by Kent C. Dodds](https://kentcdodds.com/blog/compound-components-with-react-hooks)
- 📜 [5 Tips to Help You Avoid React Hooks Pitfalls by Kent C. Dodds](https://kentcdodds.com/blog/react-hooks-pitfalls)
- 📜 [When to useMemo and useCallback by Kent C. Dodds](https://kentcdodds.com/blog/usememo-and-usecallback)
- 📜 [Myths about useEffect by Kent C. Dodds](https://epicreact.dev/myths-about-useeffect/)
- 📜 [useEffect(fn, []) is not the new componentDidMount() by Brad Westfall](https://reacttraining.com/blog/useEffect-is-not-the-new-componentDidMount/)
- 📜 [When do I use functions in a Hooks Dependency Array? By Brad Westfall](https://reacttraining.com/blog/when-to-use-functions-in-hooks-dependency-array/)
- 📜 [Wins for Hooks By Brad Westfall](https://reacttraining.com/blog/wins-for-hooks/)
- 📜 [Blog Claps, and lessons on Hooks By Brad Westfall](https://reacttraining.com/blog/blog-claps-and-lessons-on-hooks/)

### Talks
- 🎥 [React Today and Tomorrow and 90% Cleaner React With Hooks by Dan Abramov](https://www.youtube.com/watch?v=dpw9EHDh2bM&list=RDCMUCz5vTaEhvh7dOHEyd1efcaQ&start_radio=1&rv=dpw9EHDh2bM&t=4)
- 🎥 [90% Cleaner React With Hooks by Ryan Florence](https://youtu.be/wXLf18DsV-I)
- 🎥 [Fun with React Hooks by Michael Jackson and Ryan Florence](https://youtu.be/1jWS7cCuUXw)
- 🎥 [Modern React Workshop: Hooks and Suspense (Part 1) by Kent C. Dodds](https://www.youtube.com/watch?v=xcZXS_VEJS0)
- 🎥 [Modern React Workshop: Hooks and Suspense (Part 2) by Kent C. Dodds](https://www.youtube.com/watch?v=NKAfuguroRY)
- 🎥 [Live with Kent: TypeScriptifying the "Advanced React Hooks" workshop by Kent C. Dodds](https://www.youtube.com/watch?v=wsTKYr2acl8)
- 🎥 [React Hook Pitfalls - React Rally 2019 by Kent C. Dodds](https://www.youtube.com/watch?v=VIRcX2X7EUk)
- 🎥 [React useEffect - What goes in the dependency array? What do functions sometimes go in the array? By Brad Westfall](https://www.youtube.com/watch?v=NbzDb15j_WU)
- 🎥 [Composing Behavior in React or Why React Hooks are Awesome by Michael Jackson](https://www.youtube.com/watch?v=nUzLlHFVXx0)
- 🎥 [Hooks are a great abstraction model by Calin Tamas](https://portal.gitnation.org/contents/hooks-are-a-great-abstraction-model)
- 🎥 [We Don’t Know How React State Hooks Work by Adam Klein](https://portal.gitnation.org/contents/we-dont-know-how-react-state-hooks-work-456)
- 🎥 [Don't Forget React Memo by Khrystyna Landvytovych](https://portal.gitnation.org/contents/dont-forget-react-memo)
- 🎥 [Requisite React: Learn how to use React Hooks, Suspense & JSX by Kent C. Dodds](https://www.youtube.com/watch?v=tO8qHlr6Wqg&list=PLNBNS7NRGKMHLTeH4qfD3F320GXfj97kc&index=1)
- 🎥 [React's Tackle Box, Using the Right Hooks for the Job by Bryan Pitt](https://www.youtube.com/watch?v=uDguyp13pl8)
- 🎥 [Build Modern React apps with Hooks, Suspense, Context, and Firebase by Jeff Huleatt](https://www.youtube.com/watch?v=Mi9aKDcpRYA&list=PLNBNS7NRGKMH-zMH-MG7wSszTThAKFi3S&index=11)
- 🎥 [The Psychological Effects of useEffect by Sara Vieira](https://www.youtube.com/watch?v=0Mfk9k1eXME)
- 🎥 [React without memo by Xuan Huang](https://www.youtube.com/watch?v=lGEMwh32soc&t=404s)

### Podcasts
- 🎙️ [Realigning Your Model of React After Hooks With Dan Abramov](https://kentcdodds.com/chats/01/03/realigning-your-model-of-react-after-hooks-with-dan-abramov)
- 🎙️ [Trying React Hooks for the first time with Dan Abramov](https://www.youtube.com/watch?v=G-aO5hzo1aw)
- 🎙️ [Hooks are Mixins with Ryan Florence](https://spec.fm/podcasts/reactpodcast/6495881a)

## Rendering [🔝](#table-of-contents)

### Blogs and Articles
- 📜 [Introducing the React Profiler By Brian Vaughn](https://reactjs.org/blog/2018/09/10/introducing-the-react-profiler.html)
- 📜 [Introducing the New React DevTools By Brian Vaughn](https://reactjs.org/blog/2019/08/15/new-react-devtools.html)
- 📜 [React Inline Functions And Performance By Ryan Florence](https://reacttraining.com/blog/react-inline-functions-and-performance/)
- 📜 [React Context and Re-Renders: React Take the Wheel By Ryan Florence](https://medium.com/@ryanflorence/react-context-and-re-renders-react-take-the-wheel-cd1d20663647)
- 📜 [Fix the slow render before you fix the re-render by Kent C. Dodds](https://kentcdodds.com/blog/fix-the-slow-render-before-you-fix-the-re-render)
- 📜 [React: "mount" vs "render"? By Brad Westfall](https://reacttraining.com/blog/mount-vs-render/)
- 📜 [Portals with Context By Brad Westfall](https://reacttraining.com/blog/portals-with-context/)
- 📜 [Flow Control in React By Brad Westfall](https://reacttraining.com/blog/flow-control-in-react/)
- 📜 [Use a render prop by Michael Jackson](https://reactjs.org/docs/render-props.html)

### Talks
- 🎥 [Concurrent Rendering in React by Andrew Clark and Brian Vaughn](https://www.youtube.com/watch?v=ByBPyMBTzM0)
- 🎥 [Creating More Efficient React Views with Windowing By Brian Vaughn](https://www.youtube.com/watch?v=t4tuhg7b50I)
- 🎥 [React Developer tooling By Brian Vaughn](https://www.youtube.com/watch?v=Mjrfb1r3XEM)
- 🎥 [React Developer Tooling React Conf 2021 By Brian Vaughn](https://www.youtube.com/watch?v=oxDfrke8rZg)
- 🎥 [Playing with React suspense and DevTools By Brian Vaughn](https://www.youtube.com/watch?v=5RzOiibu8sg)
- 🎥 [Deep dive with the React DevTools profiler By Brian Vaughn](https://www.youtube.com/watch?v=nySib7ipZdk)
- 🎥 [Why The Form? Data Mutations on the Web - RenderATL 2022 by Ryan Florence](https://www.youtube.com/watch?v=CbW6gGfXUE8)
- 🎥 [Never Write Another HoC by Michael Jackson](https://www.youtube.com/watch?v=BcVAq3YFiuc)
- 🎥 [Road to a Better UX with Suspense and Concurrent UI by Nikhil Sharma](https://www.youtube.com/watch?v=mTCjvL3x04k)
- 🎥 [Cracking the Concurrent Mode by Sudhanshu Yadav](https://portal.gitnation.org/contents/cracking-the-concurrent-mode)
- 🎥 [Beyond Virtual Lists: How to Render 100K Items with 100s of Updates/sec in React by Michel Weststrate](https://portal.gitnation.org/contents/beyond-virtual-lists-how-to-render-100k-items-with-100s-of-updatessec-in-react)
- 🎥 [The Worlds Most Expensive React Component and How to Stop Writing It by Michael Chan](https://portal.gitnation.org/contents/the-worlds-most-expensive-react-component-and-how-to-stop-writing-it)
- 🎥 [Inside Fiber: the in-depth overview you wanted a TLDR for by Matheus Albuquerque](https://portal.gitnation.org/contents/inside-fiber-the-in-depth-overview-you-wanted-a-tldr-for)
- 🎥 [Let's Talk about Re-renders by Nadia Makarevich](https://portal.gitnation.org/contents/lets-talk-about-re-renders)
- 🎥 [React Advanced Keynote: Performance is magic by Ken Wheeler](https://www.youtube.com/watch?v=t8svxxtUTl8)
- 🎥 [Track and increase speed of your apps by Jessica Leach](https://www.youtube.com/watch?v=vDXF7iGEGzo)
- 🎥 [An Overview of React's Reconciliation Algorithm by Elad Tzemach](https://www.youtube.com/watch?v=3_g_kv1PWXI)

### Podcasts
- 🎙️ [Decide with Your Human Brain, with Brian Vaughn. On the new React profiler, windowing, and intelligent performance tuning.](https://reactpodcast.com/episodes/37)
- 🎙️ [Brian Vaughn on Fast Refresh for Web and Concurrent React Dev Tools](https://play.acast.com/s/the-react-podcast/dc1f412e-e108-4497-9c62-a152c21a488a)
- 🎙️ [Brian Vaughn on Async Rendering System and New Component Lifecycle Methods](https://podcast.codingzeal.com/114820/696362-brian-vaughn-react-core-team-member)
- 🎙️ [Michael Jackson on Async React with Andrew Clark](https://reactpodcast.com/6)

## Patterns [🔝](#table-of-contents)

### Blogs and Articles
- 📜 [Advanced Element Composition in React by Ryan Florence](https://ryanflorence.dev/p/advanced-element-composition-in-react)
- 📜 [The State Initializer Pattern by Kent C. Dodds](https://kentcdodds.com/blog/the-state-initializer-pattern)
- 📜 [Advanced React Component Patterns by Kent C. Dodds](https://kentcdodds.com/blog/updated-advanced-react-component-patterns)
- 📜 [The state reducer pattern by Kent C. Dodds](https://kentcdodds.com/blog/the-state-reducer-pattern)
- 📜 [Stop using isLoading booleans by Kent C. Dodds](https://kentcdodds.com/blog/stop-using-isloading-booleans)
- 📜 [Why you shouldn't put refs in a dependency array by Kent C. Dodds](https://epicreact.dev/why-you-shouldnt-put-refs-in-a-dependency-array/)
- 📜 [The Latest Ref Pattern in React by Kent C. Dodds](https://epicreact.dev/the-latest-ref-pattern-in-react/)
- 📜 [One React mistake that's slowing you down by Kent C. Dodds](https://epicreact.dev/one-react-mistake-thats-slowing-you-down/)
- 📜 [Memoization and React by Kent C. Dodds](https://epicreact.dev/memoization-and-react/)

### Talks
- 🎥 [When To Fetch: Remixing React Router by Ryan Florence](https://www.youtube.com/watch?v=95B8mnhzoCM)
- 🎥 [The Curse Of React By Ryan Florence](https://www.youtube.com/watch?v=orq9XnHGTgQ)
- 🎥 [Making The DOM Declarative by Michael Jackson](https://www.youtube.com/watch?v=vyO5wKHlWZg)
- 🎥 [Components, Patterns and sh*t it's Hard to Deal with by Marco Cedaro](https://portal.gitnation.org/contents/components-patterns-and-sht-its-hard-to-deal-with)
- 🎥 [Refactoring React: Which component pattern can improve your codebase? by Siddharth Kshetrapal](https://www.youtube.com/watch?v=2Dw8gA60d_k&list=PLNBNS7NRGKMHLTeH4qfD3F320GXfj97kc&index=3)
- 🎥 [UI as API by Narendra Shetty](https://www.youtube.com/watch?v=VN43HsCU3qM)
- 🎥 [How Many Ways to Say I'm Sorry, Error Handling in React by Jesse Martin](https://www.youtube.com/watch?v=ExC0N1XHaRQ)
- 🎥 [Scalable React Development for Large Projects by Jason Jean](https://www.youtube.com/watch?v=Lr-u2ALSEQg)
- 🎥 [Designing with Code in Mind by Elizabet Oliveira](https://www.youtube.com/watch?v=fYQoeaJMLjw)
- 🎥 [Setting Up Feature Flags with React by Talia Nassi](https://www.youtube.com/watch?v=533cKBMyKWg)

### Podcasts
- 🎙️ [Building Accessible UI Components by Ryan Florence](https://fullstackradio.com/97)

## Testing [🔝](#table-of-contents)

### Blogs and Articles
- 📜 [Introducing the react-testing-library by Kent C. Dodds](https://kentcdodds.com/blog/introducing-the-react-testing-library)
- 📜 [Static vs Unit vs Integration vs E2E Testing for Frontend Apps by Kent C. Dodds](https://kentcdodds.com/blog/static-vs-unit-vs-integration-vs-e2e-tests)
- 📜 [React Hooks: What's going to happen to my tests? by Kent C. Dodds](https://kentcdodds.com/blog/react-hooks-whats-going-to-happen-to-my-tests)
- 📜 [Common mistakes with React Testing Library by Kent C. Dodds](https://kentcdodds.com/blog/common-mistakes-with-react-testing-library)
- 📜 [How to test custom React hooks by Kent C. Dodds](https://kentcdodds.com/blog/how-to-test-custom-react-hooks)
- 📜 [Testing Implementation Details by Kent C. Dodds](https://kentcdodds.com/blog/testing-implementation-details)
- 📜 [Write fewer, longer tests by Kent C. Dodds](https://kentcdodds.com/blog/write-fewer-longer-tests)
- 📜 [How to Test React.useEffect by Kent C. Dodds](https://epicreact.dev/how-to-test-react-use-effect/)

### Talks
- 🎥 [Automating All the Code & Testing Things with GitHub Actions by Colby Fayock](https://portal.gitnation.org/contents/automating-all-the-code-and-testing-things-with-github-actions)
- 🎥 [To Mock or Not to Mock - That's the Question by Rita Castro](https://portal.gitnation.org/contents/to-mock-or-not-to-mock-thats-the-question)
- 🎥 [Don’t Let Your Unit Tests Slow You Down: Improve your front-end testing by Daniel Irvine](https://www.youtube.com/watch?v=1vDXRDQ9aJE&list=PLNBNS7NRGKMH7yfpYQD4TrFV25SMOCIPM&index=4)
- 🎥 [Testing Is All About Principles by Alex Lobera](https://www.youtube.com/watch?v=xjP3Ll1UhEw)
- 🎥 [BDD & TDD in React by Laura Beatris](https://www.youtube.com/watch?v=IbAiiHMD0Mg)
- 🎥 [Write Tests. Generate UI. Profit! by Ed Bentley](https://www.youtube.com/watch?v=zy6qz5_CFc0)

## React in TypeScript [🔝](#table-of-contents)
### Blogs and Articles
- 📜 [Wrapping React.useState with TypeScript by Kent C. Dodds](https://kentcdodds.com/blog/wrapping-react-use-state-with-type-script?ck_subscriber_id=363851721)
- 📜 [How to write a React Component in TypeScript by Kent C. Dodds](https://kentcdodds.com/blog/how-to-write-a-react-component-in-typescript)

### Talks
- 🎥 [TypeScript-ifying react-workshop-app by Kent C. Dodds](https://www.youtube.com/watch?v=3gGoV1TYmFk)
- 🎥 [TypeScript-ifying EpicReact.dev workshops by Kent C. Dodds](https://www.youtube.com/watch?v=ouKooD-Afjo)
- 🎥 [TypeScript-ifying the React Fundamentals workshop by Kent C. Dodds](https://www.youtube.com/watch?v=-p4RXvG9x-U)
- 🎥 [TypeScript-ifying EpicReact.dev workshops by Kent C. Dodds](https://www.youtube.com/watch?v=N59_LYnf_SI)
- 🎥 [TypeScriptifying the "Advanced React Hooks" workshop by Kent C. Dodds](https://www.youtube.com/watch?v=wsTKYr2acl8)

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## Contribution
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated!**.

Please read the [contribution guidelines](CONTRIBUTING.md) first.

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## Maintainers



Nabeel Shakeel
Nabeel Shakeel


github handle  
linkedin handle


Sheraz Siddiqui
Sheraz Siddiqui


github handle  
linkedin handle


Muhammad Abdullah
Muhammad Abdullah


github handle  
linkedin handle

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## Star
Don't forget to hit the ⭐, If you like this repository.

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

## License
Distributed under the MIT License. See `LICENSE` for more information.

![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/grass.png)

[contributors-shield]: https://img.shields.io/github/contributors/Techwards/all-about-react.svg?style=for-the-badge
[contributors-url]: https://github.com/Techwards/all-about-react/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/Techwards/all-about-react.svg?style=for-the-badge
[forks-url]: https://github.com/Techwards/all-about-react/network/members
[stars-shield]: https://img.shields.io/github/stars/Techwards/all-about-react.svg?style=for-the-badge
[stars-url]: https://github.com/Techwards/all-about-react/stargazers
[issues-shield]: https://img.shields.io/github/issues/Techwards/all-about-react?style=for-the-badge
[issues-url]: https://github.com/Techwards/all-about-react/issues
[license-shield]: https://img.shields.io/github/license/Techwards/all-about-react?style=for-the-badge
[license-url]: https://github.com/Techwards/all-about-react
[good-first-issue-shield]: https://img.shields.io/github/labels/Techwards/all-about-react/good%20first%20issue?style=for-the-badge
[good-first-issues]: https://github.com/Techwards/all-about-react/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22