Difference between revisions of "React 2"

From Sinfronteras
Jump to: navigation, search
(Templates)
(Blanked the page)
(Tag: Blanking)
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
https://www.udemy.com/course/react-redux/
 
  
Next.js framework:
 
* https://nextjs.org/learn/foundations/about-nextjs
 
* https://beta.nextjs.org/docs
 
 
 
'''Install React:'''
 
 
Install Node.js and npm:
 
<syntaxhighlight lang="shell">
 
# 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
 
</syntaxhighlight>
 
 
 
<br />
 
'''Start a New React Project - Official documentation''':<br />
 
<span style="color:green; font-weight:bold">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.<br />
 
Can I use React without a framework?<br />
 
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. <br />
 
Here’s why... </span> https://react.dev/learn/start-a-new-react-project
 
 
<syntaxhighlight lang="shell">
 
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
 
</syntaxhighlight>
 
 
 
<br />
 
==Templates==
 
From the Next documentation there are some free templates: https://nextjs.org/learn/foundations/about-nextjs
 
 
This page list some good free templates: 11 Best Free Next.js Dashboard Admin Templates: https://medevel.com/11-nextjs-dashboard/
 
 
 
There are also some very good paid templates (don't know if call them templetes or compleate webb apps). The best I've seen so far are:
 
* https://adminmart.com/product/modernize-next-js-admin-dashboard/
 
* https://modernize-nextjs.adminmart.com/#demos
 
: This also has a free version:
 
:* https://adminmart.com/product/modernize-free-nextjs-admin-template/?ref=5
 
:* https://github.com/adminmart/Modernize-Nextjs-Free
 
 
* https://github.com/themeselection/materio-mui-react-nextjs-admin-template-free
 
: Este parece que esta en both JS and TypeScript. They ave free en Pro versions
 
 
* https://www.wrappixel.com/templates/ample-nextjs-admin-dashboard/
 
 
 
<br />
 

Latest revision as of 15:53, 24 February 2026