React Playground

A playground to practice & learn react. This is where the magic happens!

Theory

S.No	Topic	Tags	Link
1.	Inception	`react` `react-dom` `react element`	🔗
2.	Igniting Our App	`bundler` `parcel`	🔗
3.	Laying the foundation	`jsx` `babel` `components`	🔗
4.	Coding in React	`Reconciliation` `Virtual DOM` `config driven UI`	🔗
5.	Let's get hooked	`useState` `data binding` `name & default export`	🔗
6.	Exploring the world	`useEffect` `conditional rendereing` `shimmer`	🔗
7.	Finding the path	`Routing` `create-router-dom` `Formik`	🔗
8.	Let's get Classy	`class components`	🔗
9.	Optimizing our App	`custom hooks` `lazy loading`	🔗
10.	What is seen is sold	`tailwind css`	🔗
11.	Data is the new oil	`props driling` `useContext`	🔗
12.	Let's build our store	`redux-tool-kit`	🔗
13.	Time for the test	`React Testing Library` `jest`	🔗
14.	Machine Coding Inteview	`Time management`	🔗
15.	Building Advanced Features	`search` `debouncing` `caching` `nesting comments`	🔗
16.	The End Game	`live-chat` `api polling` `web-sockets` `useMemo`	🔗
17.	Also Know	`error boundries` `useRef` `react middleware`	🔗

S.No	Topic	Link
1.	Swiggy Clone	🔗
2.	Youtube Clone	🔗

S.No	Topic	Tags	Link
1.	CRUD [React + Firebase]	`vite` `Firebase` `CRUD` `env-cmd` `Firebase Hosting`	🔗
2.	AUTH [React + Firebase]	`AUTH using Firebase` `Protected Routes`	🔗
3.	Modern UI/UX App	`Responsive UI` `Best Code Practice` `Netlify Hosting`	🔗
4.	Netflix CLone	`Responsive UI` `Firebase Intergration`	🔗