Difference between revisions of "React 2"
Adelo Vieira (talk | contribs) (→JSX to JS) |
Adelo Vieira (talk | contribs) (→Templates) |
||
| Line 56: | Line 56: | ||
Take a looks at some of the basic functionalities of the React developer tools Google Chrome extension at: | Take a looks at some of the basic functionalities of the React developer tools Google Chrome extension at: | ||
https://www.udemy.com/course/react-redux/learn/lecture/34693592#overview | https://www.udemy.com/course/react-redux/learn/lecture/34693592#overview | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 01:49, 1 May 2023
Creo que voy a tener que comprar este curso: https://www.udemy.com/course/the-nextjs-13-bootcamp-the-complete-developer-guide/
Next.js framework:
Contents
Install React and Create a react project
Install React:
Install Node.js and npm:
# Add the Node.js repository:
curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
sudo apt install -y nodejs
sudo apt install -y npm
sudo npm install -g create-react-app
sudo npm install -g create-next-app # Next.js es el primer frameworks propuesto en la documentacion
node -v
npm -v
create-react-app -V # Capital V
create-next-app -V
Create a New React Project - Official documentation:
If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community.
Can I use React without a framework?
You can definitely use React without a framework—that’s how you’d use React for a part of your page. However, if you’re building a new app or a site fully with React, we recommend using a framework.
Here’s why... https://react.dev/learn/start-a-new-react-project
npx create-react-app name_project # React without a framework
npx create-next-app name_project # Next.js es el primer frameworks propuesto en la documentacion
Then, to start the app:
npm start
JSX to JS
Tools that translate JSX into JS: https://babeljs.io/repl
React developer tools Google Chrome extension
Take a looks at some of the basic functionalities of the React developer tools Google Chrome extension at: https://www.udemy.com/course/react-redux/learn/lecture/34693592#overview
Modern React with Redux Udemy course
https://www.udemy.com/course/react-redux/
A good overview explanation of how React works can be found on the critical questions/core concepts lectures of the present course. Here the link to the lecture:
