https://github.com/ajaykumar-b-s/namaste-react

🙏 Namaste React Course 🚀 by Akshay Saini. It contains code, assignments, assignment solutions, and personal notes 📚.
https://github.com/ajaykumar-b-s/namaste-react

babel node-module npm parcel react react-dom

Last synced: 7 days ago
JSON representation

🙏 Namaste React Course 🚀 by Akshay Saini. It contains code, assignments, assignment solutions, and personal notes 📚.

• Host: GitHub
• URL: https://github.com/ajaykumar-b-s/namaste-react
• Owner: AJAYKUMAR-B-S
• Created: 2024-07-28T09:46:40.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T13:19:39.000Z (8 days ago)
• Last Synced: 2024-11-08T13:46:45.047Z (8 days ago)
• Topics: babel, node-module, npm, parcel, react, react-dom
• Language: JavaScript
• Homepage:
• Size: 3.24 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🙏 **Namaste React** 🚀

 ### Namaste React Course 🚀 by Akshay Saini. It contains code, assignments, assignment solutions, and personal notes 📚.

 

 ##  📂 **Contents** ✍️

 

 **This repository offers a collection of code samples, assignments solutions, and personal notes designed to deepen your understanding of React.js concepts.**

## 📚 ***[Episode-01--Inception](./Episode-01--Inception)***

 ➡️  ***Topics Covered: -***

 - Emmet, CDN

 - Hello World using HTML/JavaScript

 - Hello World in React

   

➡️  ***Assignments: -***

- What is `Emmet`?

- Difference between a `Library` and `Framework`?

- What is `CDN`? Why do we use it?

- Why is `React` known as `React`?

- What is `crossorigin` in script tag?

- What is difference between `React` and `ReactDOM`?

- What is difference between `react.development.js` and `react.production.js` files via CDN?

- What is `async` and `defer`?

➡️ ***Code: -***

  - 👨‍💻 [Code_Link](./Episode-01--Inception/Coding)

    

➡️ ***Assignment Solution: -***

 - 📘 [Assignment_Solution_Link](./Episode-01--Inception/Theory/Episode-01-Theory.md)

➡️ ***Detailed Notes of My Own: -***

- 📘 [Link to Episode 01 PDF Notes](./Episode-01--Inception/Theory/Episode-01_Detailed_Notes_In_PDF/Namaste_React_Episode_1_Inception.pdf)

- ---

## 📚 ***[Episode-02--Igniting-our-APP](./Episode-02--Igniting-our-APP)***

 ➡️  ***Topics Covered: -***

 - NPM

 - Bundler

 - parcel

 - Node Modules

 - Bable

 - Browserlists

➡️  ***Assignments: -***

- What is `NPM`?

- What is `Parcel/Webpack`? Why `do we need it`?

- What is `.parcel-cache`

- What is `npx` ?

- What is `difference` between `dependencies` vs `devDependencies`

- What is `Tree Shaking`?

- What is `Hot Module Replacement`?

- List down your `favorite 5 superpowers of Parcel` and `describe any 3` of them in your

own words.

- What is `.gitignore`? What should `we add` and `not add` into it?

- What is the `difference` between `package.json` and `package-lock.json`

- Why should I not modify `package-lock.json`?

- What is `node_modules` ? Is it a `good idea to push that on git`?

- What is the `dist` folder?

- What is `browserlists`

- Read about `dif bundlers`: `vite`, `webpack`, `parcel`

- Read about: `^` - `caret` and `~` - `tilde`

- Read about `Script types in html` (MDN Docs)

➡️ ***Code: -***

  - 👨‍💻 [Code_Link](./Episode-02--Igniting-our-APP/Coding)

➡️ ***Assignment Solution: -***

 - 📘 [Assignment_Solution_Link](./Episode-02--Igniting-our-APP/Theory/Episode-02-Theory.md)

➡️ ***Detailed Notes of My Own: -***

- 📘 [Link to Episode 02 PDF Notes](./Episode-02--Igniting-our-APP/Theory/Episode-02_Detailed_Notes_In_PDF/Namaste_React_Episode_2_Igniting-our-APP.pdf)

- ---

## 📚 ***[Episode-03-Laying-the-foundation](./Episode-03-Laying-the-foundation)***

 ➡️  ***Topics Covered: -***

 

- JSX

   -  React.createElement vs JSX

   -  Benefits of JSX

   -  Behind the Scenes of JSX

   -  Babel & parcel role in JSX

- Babel

- React Components

   - ClassBased Components

   - Functional Components

- Component Composition

➡️  ***Assignments: -***

- What is `JSX`?

- Superpowers of `JSX`

- Behind the Scenes of `JSX`

- `Babel` & `parcel` role in `JSX`

- `Components`

- `Functional Components`

- `Composing Components`

- `{TitleComponent}` vs `{}` vs `{}` in `JSX`

➡️ ***Code: -***

  - 👨‍💻 [Code_Link](./Episode-03-Laying-the-foundation/Coding)

➡️ ***Assignment Solution: -***

 - 📘 [Assignment_Solution_Link](./Episode-03-Laying-the-foundation/Theory/Episode-03-Theory.md)

➡️ ***Detailed Notes of My Own: -***

- 📘 [Link to Episode 03 PDF Notes](./Episode-03-Laying-the-foundation/Theory/Episode-03_Detailed_Notes_In_PDF/Namaste_React_Episode_3_Laying_the_foundation_PDF.pdf)

- ---