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 18 hours 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 (7 months ago)
• Default Branch: main
• Last Pushed: 2024-05-22T06:18:16.000Z (6 months ago)
• Last Synced: 2024-05-22T08:53:07.678Z (6 months ago)
• Topics: 30dayscodechallenge, javascript, jsx, react, react-components, react-hooks, reactjs
• Language: JavaScript
• Homepage:
• Size: 25.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• 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)

## 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
||