201-Links

 

tutorial- keep it for: in case of

https://scrimba.com/learn/learnreact/introduction-to-react-coa99496098ff5fb511f5235f
https://www.theodinproject.com

best maybe?:

mozilla react tutorial -- seems to be really working!

dont know?

https://learn.codevolution.dev/

does vite have any useful thing-> no!

https://vitejs.dev/guide/#trying-vite-online

tester thing- not too bad but it is paid -

https://stackblitz.com/edit/vitejs-vite-9ievt2?file=index.html&terminal=dev

applications to test:

from freecodecamp - youtube
https://www.youtube.com/watch?v=5ZdHfJVAY-s&t=19s
the source: https://www.freecodecamp.org/news/master-react-by-building-25-projects
Accordion - 
https://www.tutorialspoint.com/how-to-create-accordion-in-reactjs

maybe read after the app works you do:

javascript and algorithm
c sharp

out of subject

my datalink profile
learn pytorch
vikas kumar with good tutorials

Free/paid React project publisher

https://web.dev/explore/react -subscribed with google
https://codefinity.com - -subscribed with email  // yahoo.com
https://stackblitz.com - subscribe with github
https://codesandbox.io/-subscribed with google
Location: Ankara, Türkiye

Comments

Post a Comment

Popular posts from this blog

101-various

  1 ) Import Export more than two entities: https://stackoverflow.com/questions/46039976/exporting-multiple-modules-in-react-js 1.1) in CarNs.jsx export function Garage.... export class CarN 1.2) in App.jsx import { CarNs, Garage } from './components/CarNs.jsx'; 1.3) Render multiple entities : class and function together in App.jsx : root.render( <> <CarNs color="red"/> <Garage /> </> ); 2/Other programming 2.1/embed JavaScript expressions Because of JSX, you can also embed JavaScript expressions inside an element by using curly brackets  {} : const lowercaseClass = 'text-lowercase'; const text = 'Hello World!'; const App = <h1 className= {lowercaseClass} > {text} </h1>; This is what makes React elements different from HTML elements. You can't embed JavaScript directly by using curly braces in HTML. 2.2/Fragment <> or   < Fragment >  The empty tag is a React feature called a  Fragment . By using a Fra...
Read more

002-React Menu - Router

source: https://www.geeksforgeeks.org/how-to-create-a-multi-page-website-using-react-js/ https://www.w3schools.com/react/react_router.asp https://github.com/damilolaolatunji/portfolio-spa/blob/master/src/App.js extra source:  good to know:  https://www.geeksforgeeks.org/reactjs-router/  1) src/App.jsx import React from 'react'; import ReactDOM from "react-dom/client"; import Navbar from "./components/Navbar/Navbar"; import {     BrowserRouter as Router,     Routes,     Route, } from "react-router-dom"; import About from "./pages/about"; import Blogs from "./pages/blogs"; import SignUp from "./pages/signup"; import Contact from "./pages/contact"; export default function App(){     return (         <Router>             <Navbar />             <Routes>                 <Route path="/about" element={...
Read more

001-React-installation

  I) installation: https://www.freecodecamp.org/news/react-for-beginners-handbook/ run msdos in C;// run the command: - This creates the working folder npm create vite@5.1.0 my-alorya-app -- --template react II) to start vite.js run in msdos: cd my-alorya-app change folder with cd my-app - in msdos This installs the app in the folder: npm install Run Vite.js:  npm run dev With vite all is ready! -  Watch out :  There should be no errors in the installation (red text).  If there are any, you should correct them. creating project (without vite.js) I recommend you just use vite.js and not the following, I found them too comples, and I had many errors to correct. Run the code -  Run them if you do not use vite.js - if you use vite.js you don`t need them npm init -y install react libraries npm install react@^17.0.0 react-dom@^17.0.0 --save install babel npm install @babel/preset-env @babel/preset-react @babel/core @babel/plugin-proposal-class-properties -D resol...
Read more