https://github.com/manikmaity/learn-reactjs

This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learning challenge.
https://github.com/manikmaity/learn-reactjs

30dayscodechallenge javascript jsx react react-components react-hooks reactjs

Last synced: about 1 month ago
JSON representation

This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learning challenge.

• Host: GitHub
• URL: https://github.com/manikmaity/learn-reactjs
• Owner: ManikMaity
• Created: 2024-04-29T04:42:26.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-22T06:18:16.000Z (about 2 years ago)
• Last Synced: 2025-01-21T01:13:30.787Z (over 1 year ago)
• Topics: 30dayscodechallenge, javascript, jsx, react, react-components, react-hooks, reactjs
• Language: JavaScript
• Homepage:
• Size: 25.2 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Learning ReactJS

This repository contains code for my React.js learning journey, including the codes from my 30-days Reactjs learning challenge.

## My notes 📝

- [Bro Code React Video Notes](./broCode-react/README.md)

- [useMemo, memo, useCallback](./memo/README.md)

## Resources📖

- [Bro Code Channel Video](https://youtu.be/CgkZ7MvWUAA?si=S6yKIIdnOrdAkXYc)

- [React.dev](https://react.dev/learn)

- React Router

  - [Yt Video](https://www.youtube.com/watch?v=Ul3y1LXxzdU)

  - [Blog Post](https://blog.webdevsimplified.com/2022-07/react-router/)

## Table 🗃️

| **Day📅**  | **Resource👨‍💻**              | **Learned📖**                                                                                                                                              | **Comment💬**                              |

| ---------- | --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ |

| **Day 01** | Bro Code Channel            | 


How to set up React

Understood Folder structure

Basic idea of components

Adding CSS style to elements in ReactJS

 | Nothing                                    |

| **Day 02** | Bro Code Channel            | 


Props

Conditional rendering

                                                                                                      | Nothing                                    |

| **Day 03** | Bro Code Channel            | 


Rendering Lists items

Keeping Components Pure

Click events

                                                               | Nothing                                    |

| **Day 04** | Bro Code Channel, React.dev | 


React hooks basics

useState hook

                                                                                                 | Made Sculpture Gallery, Counter, Dark Mode |

| **Day 05** | Bro Code Channel            | 


onChange - event handler

Updater Function

Update Objects in state

                                                        | Made color picker mini project             |

| **Day 06** | Bro Code Channel            | 


Update Array/List Items in state

Update Array Of Objects in state

                                                                | Made a simlpe todo and Add phone list      |

| **Day 07** | Bro Code Channel            | 


Todo app project

Deploy React Project

                                                                                            | Nothing                                    |

| **Day 08** | Bro Code Channel            | 


useEffect React Hook

Digital clock - Mini project

useContext - hook

                                                      | Made digital clock, Window resize text     |

| **Day 09** | Bro Code Channel            | 


useRef - hook

StopWatch - Mini Project

                                                                                           | BroCode React Tutorial Complete            |

| **Day 11** | freeCodeCamp                | 
Firebase
                                                                                                                                 | Made a shopping list app                   |

| **Day 11** | Web Dev Seplified           | 
React router
                                                                                                                             |                                            |