To Learn React within a week
Last year I took a challenge to learn react.js within a week.
before starting to learn React.js I had a strong hold on javascript, and it’s mandatory.
Day 1: The first day I understood react.js is a component-based- architecture and javascript library, whatever we design in front-end everything is a component.
Day 2: Learn how to set up the React environment and try to know the file structure of react.js. installation of Node.js and package managers ( NPM and Yarn ) and web bundles like vite and create-react-app.
Day 3: I try to learn the most useful and easy-to-learn concepts. like JSX, how components are created, entry-point, rendering etc.
the 2 types of components are there (Class-based and functional-based) I started with Functional Components, and the components look like HTML code but it is JSX so I understand the difference.
Day 4: I started hands-on practice for components, Props, States & Hooks ( only focused on useState ) with the help of tutorials.
Day 5: Repeat all the tasks. and I feel confident to learn and explore more.
Day 6: Practice… Practice… Practice…
Day 7: Project.
Yes, Finally I built one small project on recat.js.
That is
TextAnalyzer
This project’s functionalities are
No of Characters.
No of Words.
Avg Reading Time
Convert to UpperCase.
Convert to LowerCase.
Capitalization.
Remove Extra Spaces.
Text-to Speech
Copy Text
Clean Text.