- This is a Card List project touching on the basics of React.
- I have also included github actions for deploying this project to github pages.
- if you wanna run this project.
first run npm install. npm start to run the project on a default port. if you want to deploy it you run npm run delpoy - The Common lifecycle for React.
- This is an example of class components shows how everything flows.
- We can go and look how React actually works on the basics.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" href="style.css" /> <title>Browser</title> </head> <body> <div id="root">React has not endered</div> <script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script> <script> const Person = props => { return React.createElement('div', {}, [ React.createElement('h1', {}, props.name) React.createElement('p', {}, props.occupation) ]) } const App = () => { return React.createElement('div', {}[ React.createElement('h1', {class: 'title'}, "React has rendered") React.createElement(Person, {name: "Tom", occupation: "Teacher"}, null) React.createElement(Person, {name: "Sam", occupation: "Student"}, null) ]); }; ReactDOM.render( React.createElement(App); document.getElementById("root") ); </script> </body> </html> - So this source code shows how you use react API to build your react App Component from Scrach.
- The scripts will run first then our React DOM will start to render.
- On this example we can even add functional components and call props.
-
Notifications
You must be signed in to change notification settings - Fork 0
This is a search monster project covering the most basics of react.
License
samofoke/rolodex
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
About
This is a search monster project covering the most basics of react.
Resources
License
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published