Summary
Summary React JS from Biggining
- Course
- Institution
It was a summary for that student or participants who have to start coding in React JS from starting to your first web site. thank you.
[Show more]
Seller
Follow
hadot11769
Content preview
Complete React JS Course1. Introduction to React JS + Installation
In this complete course of react we 'll learn react from starting till end
now a days react is the most popular library for making single page
applications. This course doesn't require any pre-requisite you just
have to come in this course by availing yourself a time and I 'll teach
you react js completely be it JavaScript. In this video I 'd like you to
like this video and write in the comments below that this react course
is helpful. I 'll teach you in such a way that you can make projects
immediately. I do n't believe in theory too much I only tell you the
theory as per your requirement or if you 're preparing for exam based
preparation then I tell you. But in react , I'll teach you techniques that
will make your life easy somethings which took me years to learn.
After installation , let 's start the journey of mastering react js. On
whichever os you're on, quickly install it, rn the setup , rn setup , click
on next. Read all the licence agreement and accept the aggrement.
Click on next and after clicking on next, allow it all the permissions.
See it did took a little time but it 's installed. Now if you do n't have VS
code or you're new to coding then you can download the source code
editor.
If you 're watching this video after 25-30 years then I do n't know but if
you're watching is recently then no problem. I recommend you to stay
on google chrome. And this extension is made by facebook. It shows
you all of your react components like this as you are seeing. And you
get to know as to which props you 've sent , what is the state of your
components ? Now we 'll talk about some extensions. Thunder client
gives you an get API for testing. Here you can easliy put the link of
your API by clicking on new request. With this extension you write a
little bit of code. You can do all these things comfortably. With that I 'll
1
, talk about more extensions. ES7 react redux graphql react native
snippets. There are lots of extenisons in my brain. If I go on
enumerating then it will be more than enough. Bracket pair colorizer is
an extension with the name auto rename tag. There is a extension
called live server which simply does is if we will make any static page
and if I want to visualize it then I can comfortably visualize it by
clicking on go live.
I hope you have understood the setup and everything properly. And
everything has been set up in your computer. In the coming times I 'll
tell you as to what are states, props and there are lots of concepts of
react about which we 'll talk. We 'll see how can a basic react app be
made using create react app. With that there is a file structure of
react , we'll try to understand that.
2. creating our first react app
In our last video we saw that how we 'll install nodejs and npm. I told
you about the extensions I use so that you can use react js properly
and easily and code optimally. Now if you have not accessed this
playlist yet then do bookmark this here and save it by clicking here.
This page is using the production build of react. This is the same
extension which I told you to install in the last video. If you have not
seen then please do see it by accessing the playlist. See I tell you all
these things while it is installing. Let it be a react app and I 'll tell you
the proof of it. When we break a website into components then the
biggest advantage that we get is that we can reuse it. Now assume
that I'm planning an application like this , I 'm planning to make the
clone of reactjs. org. So basically this is a component and this will be a
component. So I with the help of components , I can make an app with
very smooth navigation.
Nodejs is also saying the same thing , it 's saying as I told you about
my pen when I gave it to my friend , similarly when nodejs is installing
modules inside node module folder so it telling that everything is fine
but this problems may occur. It 's important for you to know that it
requires a pair of this this. So it keep on telling these small stuffs. In
2
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller hadot11769. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $5.49. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
75632 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now