Hi everyone, welcome to the first article about my experiences, lessons, projects, and challenges from the first week of learning React . This blog is divided into six sections, so you can focus on the parts that interest you:
Things learnt this week.
Steps I followed.
Problems encountered.
How I solved those problems.
Projects made this week.
Resources used.
1. THINGS I LEARNT THIS WEEK
Upon completion of the Javascript concepts last week . I started learning about a Front-end framework React . It is a very useful Js library which kind of build upon all HTML, CSS and Javascript. There are many advantages of using React but one of the most promising can be its composability and how declarative it is. This week I worked on static pages using React but still it looks clean and looks easy to read as compared to basic JS and html.
I started with learning about JSX and moved onto learning basic components of React , they are basically functions that return react element and had some specific task in mind. I built a simple webpage too using react, still don’t know how to setup React on local machine , but will figure out and create some beautiful interactive webpages and committed to Github the code learnt so far, so you can refer to my Github and see the base codes of all.
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 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
Getting Confused with Syntax: The syntax was completely new and different from basic vanilla Javascript code.
Lack of Confidence : There is lack of confidence because the syntax and concept in itself feels new and confusing.
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.
4. HOW I SOLVED THOSE PROBLEMS
Getting Confused with Syntax: I put in the repetitions required to learn the new syntax till it get familiar to me, again and again build from scratch.
Lack of Confidence : Practice and code regularly to build the required confidence.
Setting Up React on local Machine:Go to youtube and try it using node.js and only install the latest version of React else it can create some problems.
5. PROJECTS MADE:
PROJECTS MADE THIS WEEK:
You can find all the source codes on my GitHub profile, "JanwinAditya."
This work there was no major project but some code snippets for learning React basics
Rendering basic things :- It is on how to render basic text and use 2 or more html tags, by wrapping it using divs and main ,later found fragment too which is better than using div and main.
Composability :- Building header , main content and footer differently and then calling components in main page to represent composability of React.
6. RESOURCES USED:
SCRIMBA
YOUTUBE
MDN DOCUMENTATION