arj1211 / 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
A robot powered training repository :robot:
Home Page: https://lab.github.com/githubtraining/introduction-to-react
Let's go ahead and get started.
First, clone this repo.
In your terminal, in a folder where you would like to keep this project, clone the repo, and do the following:
cd intro-react
git checkout changes
Next, open the folder in your favorite text editor. I reccommend VSCode.
Great, now if you don't have Node installed on your computer, go ahead and install it!
Awesome!
Now, inside your repo folder, run the following:
npm install
npm start
Your browser should open http://localhost:3000/
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.
Let's take a look of what our React App looks like right now.
This 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.
This directory contains our index.html
which directs us to the rest of the web application that requires additional processing.
This is where pretty much ALL 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 as well as functions and classes. Take a look at App.jsx
. Some of that stuff might look familiar from html
, like thos <div/>
tags. Don't worry, we will get to that stuff in a bit.
To get started, navigate to the Pull Requests
tab and open a Pull Request for the changes
branch. Make sure to title your Pull Request Changes
.
Once you open the Pull Request, steps will appear inside the Pull Request itself.
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.