Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gitstar-oc/react-notes

This is the react notes I have created for myself. Feel free to revise and fork when required
https://github.com/gitstar-oc/react-notes

Last synced: about 2 months ago
JSON representation

This is the react notes I have created for myself. Feel free to revise and fork when required

Host: GitHub
URL: https://github.com/gitstar-oc/react-notes
Owner: Gitstar-OC
License: mit
Created: 2024-04-23T05:21:52.000Z (9 months ago)
Default Branch: main
Last Pushed: 2024-05-12T04:18:33.000Z (8 months ago)
Last Synced: 2024-10-14T05:43:08.379Z (3 months ago)
Language: JavaScript
Size: 347 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # React-Notes

- This is the react notes that I have created. Feel free to review, revise and fork when required.

--- 

## Outline

- [1. Notes](#Notes)

- [1.1 Hooks](#Hooks)

- [1.2 Main](#Main)

- [1.3 API](#API)

- [1.4 Higher Level Thing](#HLT)

- [1.5 Tests](#Tests)

- [1.6 Components](#Components)

 ---



# Notes

**
 Every part is dedicated to its use in react and also and sub - parts, you must first read the  Basics  
**



- ## Hooks

    -    ####  [UseState](UsingHooks/UseStateHook.jsx)

    -    ####  [UseEffect](UsingHooks/UseEffect.jsx)

    -    ####  [UseReducer](UsingHooks/UseReducerHook.jsx)

    -    ####  [UseRef](UsingHooks/UseRefHook.jsx)

    -    ####  [Custom Hooks](UsingHooks/CreatingCustomHook.jsx)

    -    ####  [UseMemo](UsingHooks/UseMemoHook.jsx)



- ## Main

    -   #### [Lists and Keys](Main/ListsAndKeys.jsx)

    -   #### [ModeToggler](Main/ModeTogler.jsx)

    -   #### [Navigation and Conditional Renders](Main/NavigationAndConditionalRendering.jsx)

    -   #### [Props and State](Main/Props&State.jsx)

    -   #### [Using Assets](Main/UsingAssests.jsx)

 

- ## API

    -   #### [Context API](API/ContextApi.jsx)

    -   #### [Using Fetch](API/UsingFetch.js)

    -   #### [Theme Toggler code](API/ThemeToggler.jsx) (Toggles theme of app from dark mode to light mode and vice versa)

 

- ## Higher Level Things

    -   #### [Higher Order Components](HigherLevelThings/(HOC)HigherOrderComponents.jsx)

    -   #### [Render Props](HigherLevelThings/RenderProps.jsx)



- ## Tests

    -   #### [Integration Tests](Tests/IntegrationTests.jsx)

    -   #### [Continuous Integration](Tests/ContinuousIntegration.jsx)

  

- ## Components  

    -   #### [Components and Forms](Components/ComponentsAndForms.jsx)

    -   #### [JSX Components and Elements](Components/JSxComponents&Elements.jsx)

 ### [Click Here](Popular%20External%20Libraries.md) to see some other popular external libraries!

 

---  

> 
 Remaining important notes coming soon, Adding it throughout my journey of learning react!

>  Give it a ⭐ If you love this and want more notes on other topics!