raparthishrikanth / intro-react Goto Github PK
View Code? Open in Web Editor NEWA robot powered training repository :robot:
Home Page: https://lab.github.com/githubtraining/introduction-to-react
License: MIT License
A robot powered training repository :robot:
Home Page: https://lab.github.com/githubtraining/introduction-to-react
License: MIT License
Hello and welcome!
Before starting this course, we recommend completing the Introduction to GitHub Learning Lab first with the option for working locally in the command line.
Let's take a look of what our React App looks like right now. We will go through our file structure which is a standard React setup. You will not be editing any files in this step, but the structure is important for future code references.
package.json
The package.json
file is our roadmap of the app. It tells us the name of the app, the version, the different dependencies we need to run our app, and more.
public/
The public/
directory contains our index.html
file. The index.html
file directs us to the rest of the web application that requires additional processing.
src
This is where most of your code will go. You'll notice we have App.jsx
along with other jsx
files. But, what is jsx
? Think of jsx
as a mix between html
and javascript
. We can write tags, functions, and classes. Take a look at the App.jsx
file. Some of that contents might look familiar from html
, like <div/>
tags.
In this repository, we have two branches - master
and changes
. We will be working off of the changes
branch. Let's go ahead and get started.
git clone https://github.com/Raparthishrikanth/intro-react
cd intro-react
changes
branch: git checkout changes
intro-react
folder in your favorite text editornode -v
npm install
npm start
Your browser should automatically open http://localhost:3000/
, and you should see our barebones gradebook application.
You'll see that our app can't really do anything! All we have is three buttons! We are going to add all the functionality.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.