React Week-2

Hi everyone, welcome to the another article about my experiences, lessons, projects, and challenges from the first week of learning React, there was a much needed break between to return with even more enthusiasm . This blog is divided into six sections, so you can focus on the parts that interest you:

1. Things learnt this week.

2. Steps I followed.

3. Problems encountered.

4. How I solved those problems.

5. Projects made this week.

6. Resources used.

1. THINGS I LEARNT THIS WEEK

During the first week we talked about its declarative nature and how it is breaking a bigger chunk of code into smaller segment which made it easy to handle and even work more efficiently on tasks making the code cleaner too.

This week I learnt about

1. Components (A function that returns React elements)

2. Parent/Child components ( Basically Parent components are function which has some individual tasks and do not contain any other component in it.)

3. Learning actual meaning of Composability ( Now these components resides in seperate files making the whole project look clean.)

4. Reusable Components(It was another functionality of React which help us in making react components)

5. Different forms of using Props and Destructuring Props.

2. STEPS I FOLLOWED

I began by watching tutorials on Scrimba, I came to know about it from youtube and started my learning process from there and then moved on to the MDN documentation because it's important to read the material too. I watched tutorials ,solved some coding exercises , and also completed the quizzes. I discovered that taking breaks when I felt tired, instead of trying to study everything at once, helped me improve my learning. Creating some basic code along the way is a good way to practice and truly understand how the code works.

3. PROBLEMS ENCOUNTERED

1. Setting Up React on local Machine: It is not like we can just go and use react on our laptop , so have to set up the environment for React using our terminal.

2. Time Management: During regular college days and other stuff , It becomes hard to manage time for development skills.

3. Revising the previous concepts: If we skip two or three days it really seems like new syntax to me.

4. Uploading projects on Github: Uploading via terminal is some real challenge in Mac.

4. HOW I SOLVED THOSE PROBLEMS

1. Setting Up React on local Machine: I discovered hosting via Vite is a very useful way of compiling React projects, because changes made in project gets reflected directly on the website.

2. Time Management: Having some weekly goals and aim to learn atleast something is a gamechanger , I usually like to keep up with my streaks for motivation.

3. Revising the previous concepts:I used active recall which helped me a lot.

4. Uploading projects on Github: Still figuring out, how to do it it MacOs.

5. PROJECTS MADE:

PROJECTS MADE THIS WEEK:

You can find all the source codes on my GitHub profile, "JanwinAditya."

1. Static ReactFacts Page

2. TravelJournal(In progress)

6. RESOURCES USED:

1. SCRIMBA

2. YOUTUBE

3. STACK OVERFLOW

4. GEEK FOR GEEKS