ReactJS Quick Crux

• The main purpose of creating this project to help students to review there skills in basics of ReactJS
• Also, one can consider it as cluster of projects related to each and every imp topics in ReactJS that are used very frequently

NOTE: The project is Vite-ReactJS based

Deployment

Checkout this React-App by clicking here.

Getting Started

Installation

To install this project to your local machine follow the steps mentioned just below:

• Fork this repository
• Now simple clone it to your local machine
• Make sure you are in correct directory i.e. inside react-quick-crux
• Install all the dependencies of the project by running npm install into your terminal

Running the project locally

After successful installation you are just a step away from running it locally

• Run npm run dev to run react-scripts

Now you have done with installation & running the project to your local machine, feel free to contribute to the project 🤗

Topics

1. Map & Filter
2. States in React
3. Props in React
4. Inline Conditional Expressions
5. Event Handling in React
6. Keys in React
7. Forms in React
8. Dynamic Inputs in React
9. CSS Styling in React
10. Uncontrolled v/s Controlled Components
11. Virtual DOM
12. InnerHTML in React
13. React Fragments
14. Stateless v/s Stateful Components
15. REST API Requests
16. Debouncing in React
17. Context API in React
18. Class v/s ClassNames in React
19. Higher Order Components
20. Lazy Loading in React
21. Helper Functions in React
22. Implementing Recursion in React
23. Running Arrays of Functions
24. Custom Hooks in React
25. Promises and Async/Await
26. Code Splitting in React(Dynamic Imports)
27. Creating a Search Filter in React
28. Adding TypeScript to React
29. React Testing Library
30. Caching an API Response