back to all posts

React Tutorials - A beginners Guide - 1

by Rajat Negi / July 13th, 2020

#react #beginners #javascript
Series: React-tutorials

Here I am beginning my react journey. I have chosen a course on Udemy by Maximilian Schwarzmüller.

And I am planning to write posts about what I have been learning in a series. So that I can refer to them again in case I forget something. Further, if someone benefits from these then I would feel very glad to have helped someone.

What is React?

It is a javascript library for building interfaces. It basically consists of "components". Our webpage can be thought of as made of various components. We can change the behaviour and appearance of our components without disturbing the working of other components. Alt Text Once we make a component we can use it again and again without having to repeat (if it was just made if HTML, CSS and JS).

Single-page applications and Multiple-page applications

Single-page applications:

  • Here we have only one HTML page.
  • The content is rendered on the client-side.
  • Every component is a react component. Even the entire page. Alt Text
  • there is typically one ReactDOM.render() call
  • more popular approach

Multiple-page applications:

  • We have multiple HTML pages
  • content is rendered on server-side
  • Here the entire page need not be made of react components. Alt Text
  • There are multiple ReactDOM.render() calls per "widget"

What we learned :

  • some basics of react
  • Single and Multiple page applications difference

That's it for this one. Next, I will be looking into the next-gen javascript features that react uses.

Course : Udemy

Rajat Negi