React crash summary from Net Ninja

#2. A Look into the structure folders : node_modules + package.json node_modules contiene i file veri e propri delle dependencies installate mentre nel package.json c’è un json che fa riferimento alla lista di quelle dependencies. node_modules  è una cartella molto pesante e nel github non viene caricata. quando scarichiamo un progetto quindi per recuperare le … Leggi tutto

React + Redux Toolkit tutorial

Install Redux Toolkit and React-Redux   npm install @reduxjs/toolkit react-redux   Create a Redux Store   import { configureStore } from ‘@reduxjs/toolkit’ export const store = configureStore({ reducer: {}, })   Provide the Redux Store to React   import React from ‘react’ import ReactDOM from ‘react-dom’ import ‘./index.css’ import App from ‘./App’ import { store … Leggi tutto

Class Components vs Functional Components in React

Prima solo le class components possono avere lo State in un component. Ma ora con i React HOOKS i functional component è cambiato tutto le class component: import React, { Component } from ‘react’ class AppTest extends Component { render() { return ( Hello i’m class component ) } } export default AppTest Functional component: … Leggi tutto

React Router DOM on Navbar Bootstrap

Run:   npm add react-router-dom copia e incolla dentro il component navbar: https://v5.reactrouter.com/web/guides/quick-start import { BrowserRouter as Router, Switch, Route, Link } from “react-router-dom”; aggiungere il tag prima del codice di navbar di bootstrap cambiare Nav.Link as={Link} to={“/home”}>Home </Nav.Link import { Nav, Navbar, NavDropdown, Container, } from “react-bootstrap”; import About from “../../pages/About”; import Home from … Leggi tutto

React how to setting Bootstrap css or sass

1. Install React-Bootstrap Go to: https://react-bootstrap.github.io/getting-started/introduction on terminal run: npm install react-bootstrap bootstrap 2. import CSS or SASS {/* The following line can be included in your src/index.js or App.js file*/} import ‘bootstrap/dist/css/bootstrap.min.css’; OR SASS /* The following line can be included in a src/App.scss */ @import “~bootstrap/scss/bootstrap”; /* The following line can be included … Leggi tutto

React JS Corso rapido

Panoramica dei file di React e loro funzione: dal min. 6.30 del seguente video:   Estensioni utili: Per avere shortcode vai su file> preferences> settings > icona in alto a dx “open settings” nel file settings.json inserire il seguente codice: { “emmet.includeLanguages”: { “javascript”: “javascriptreact” } } Per formattare il codice: ALT + SHIFT + … Leggi tutto

REACT App Creare parte FRONTEND

  Creare parte FRONTEND con REACT Verifichiamo di avere installato Node.js apriamo il terminale e scriviamo node –version e se compare la versione allora è installato, verifichiamo la stessa cosa anche per Node Package Manager(NPM)  npm –version Come installare Node.js : Install Node.js (Windows) : https://youtu.be/n3M9qKvFZeg Install Node.js (Linux) : https://youtu.be/P6rPI7x28nY Creiamo app React: Apriamo il … Leggi tutto