ReactJS Tutorial - 1 - Introduction
Codevolution
React is an open source JavaScript library for building user interfaces. It is focused on doing
one thing and doing that one thing really well. It does not focus on the other aspects of your
application like routing or HTTP requests. React has a component based architecture which lets
you break down your application into small encapsulated parts which can then be composed to
make more complex UIs. HTML CSS and JavaScript fundamentals are absolutely necessary for
this course I will also be making use of es6 so a knowledge of modern JavaScript is also
essential. The ability to reuse code is a huge plus point another key point is that react is
declarative now what does that mean well basically we just have to tell react what we want and
react with its react Dom library will build the actual UI. No prior knowledge of any other
JavaScript libraries or frameworks is necessary we will be learning react from scratch. We will
be using react version 16 dot 5. 2 if you 're watching this series and year or so from now the
major version might be different but be rest assured 90 % of the content will remain valid for the
breaking changes.
ReactJS Tutorial - 2 - Hello World
Codevolution
In this video let 's create a very first react application in this video we will be making use of
create react app. The tool is a command-line interface tool that allows you to quickly create and
run react applications with no configuration. I prefer the first approach because I do n't have to
install the package globally. The first step of creating a react application is the create react app
package. In the next video we will understand the Applications folder structure. The next video
will show how to generate a simple react app using npx. The last thing I want is for a beginner to
be confused with the very first step.
ReactJS Tutorial - 3 - Folder Structure
Codevolution
In the first video we saw how simple it is to create and run a basic react application using create
react app. At the root level we have three folders and four files to begin with. The index dot
HTML file is the only HTML file you are going to have in your application we are building single
page applications. App component represents the view which we see in the browser with ab
Dodgers create react app. App component is rendered inside the root Dom node. Service worker
is concerned with progressive web apps and can be ignored as a beginner so that is the folder
structure of a react application.
Codevolution
React is an open source JavaScript library for building user interfaces. It is focused on doing
one thing and doing that one thing really well. It does not focus on the other aspects of your
application like routing or HTTP requests. React has a component based architecture which lets
you break down your application into small encapsulated parts which can then be composed to
make more complex UIs. HTML CSS and JavaScript fundamentals are absolutely necessary for
this course I will also be making use of es6 so a knowledge of modern JavaScript is also
essential. The ability to reuse code is a huge plus point another key point is that react is
declarative now what does that mean well basically we just have to tell react what we want and
react with its react Dom library will build the actual UI. No prior knowledge of any other
JavaScript libraries or frameworks is necessary we will be learning react from scratch. We will
be using react version 16 dot 5. 2 if you 're watching this series and year or so from now the
major version might be different but be rest assured 90 % of the content will remain valid for the
breaking changes.
ReactJS Tutorial - 2 - Hello World
Codevolution
In this video let 's create a very first react application in this video we will be making use of
create react app. The tool is a command-line interface tool that allows you to quickly create and
run react applications with no configuration. I prefer the first approach because I do n't have to
install the package globally. The first step of creating a react application is the create react app
package. In the next video we will understand the Applications folder structure. The next video
will show how to generate a simple react app using npx. The last thing I want is for a beginner to
be confused with the very first step.
ReactJS Tutorial - 3 - Folder Structure
Codevolution
In the first video we saw how simple it is to create and run a basic react application using create
react app. At the root level we have three folders and four files to begin with. The index dot
HTML file is the only HTML file you are going to have in your application we are building single
page applications. App component represents the view which we see in the browser with ab
Dodgers create react app. App component is rendered inside the root Dom node. Service worker
is concerned with progressive web apps and can be ignored as a beginner so that is the folder
structure of a react application.
