Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Set 12
imparare ReactJS

ReactJS: come creare una web app da zero

  • 12/09/2017
  • Paolo Dell'Aguzzo
  • 8 Comments
  • Programmazione
  • gestionale, programmazione, reactjs, web app

Lo scopo di questo articolo è insegnarti come creare una web app da zero con ReactJS e quindi imparare ReactJS. Le competenze necessarie per seguire questa serie di articoli riguardano più che altro la conoscenza di Javascript, HTML e CSS.

Se ancora non ti senti pronto puoi sempre iscriverti alla newsletter. Solo per gli iscritti invierò tra poco due ebook gratuiti su HTML e CSS (poi continuerò con Javascript, ReactJS, Java ed Heroku).

Conosci già ReactJS e sei interessato a React Native? Ho scritto una guida per imparare React Native a questo indirizzo.

 

Cosa affronteremo?

Affronteremo diversi argomenti che verranno trattati di giorno in giorno e ti permetteranno di imparare ReactJS.

Partiremo dalle basi 🙂

Ecco la scaletta:

Development Category (English)728x90

  • ReactJS: cos’è e setup iniziale
  • ReactJS: come strutturare il progetto
  • ReactJS: cos’è un component
  • ReactJS: cos’è il lifecycle e lo state
  • ReactJS: come installare dipendenze
  • ReactJS: creazione della prima pagina web
  • ReactJS: creazione dell’header
  • ReactJS: creazione del footer
  • ReactJS: creazione della home
  • ReactJS: come fare routing tra più pagine
  • ReactJS: state e setState
  • ReactJS: come chiamare endpoint
  • ReactJS: le props
  • ReactJS: pulizia del codice

Articoli correlati ed utili:

  • ReactJS: build e rilascio in produzione con Express
  • Come scrivere i test in JavaScript
  • ReactJS: come testare i componenti React con Enzyme e Jest
  • ReactJS: come aggiungere SASS/SCSS ad un progetto React
  • ReactJS: cos’è componentDidCatch
  • ReactJS: i nuovi metodi del lifecycle getDerivedStateFromProps e getSnapshotBeforeUpdate
  • ReactJS: il componente StrictMode
  • ReactJS: le context API ufficiali, come usarle e cosa sono

Perché imparare ReactJS?

ReactJS è una libreria Javascript ed è stata sviluppata dal team di Facebook. Viene utilizzata in tutto il mondo da aziende del calibro di Facebook, American Express, BBC, NHL, New York Times, Wix, e tanti altri che puoi trovare a questo indirizzo (non so se hai notato che il core di WordPress si sta spostando completamente su ReactJS).

E’ rapido e ti permette di costruire applicazioni su singola pagina. Dai su, non c’è niente da fare, è più bello dire single-page application.

Deep Learning Specialization on Coursera

Funziona assemblando insieme uno o più componenti (i famosi component) che scriverai tu stesso in Javascript.

E’ renderizzabile lato server ed infine ti permette di avvicinarti anche a React Native così da imparare a fare applicazioni per Android e iOS.

Non perderti nulla!

Imparare ReactJS richiede la conoscenza di un minimo di programmazione e più in generale di HTML, CSS e Javascript. Segui la guida ed inizia ad imparare ReactJS subito, vedrai che non troverai grandi difficoltà!

Se vuoi rimanere aggiornato sul continuo di questa guida ti consiglio di iscriverti alla newsletter. Mando da 1 a 4 mail al mese e normalmente invio risorse gratuite e riservate solo agli iscritti. Invio anche la lista degli articoli di maggiore impatto, come questo. Se non troverai gli articoli potrai recuperarli dalla mail in questo modo 🙂

Per dubbi o domande non esitare a scrivermi nei commenti ?

Se ti è piaciuto l’articolo seguimi su Facebook e Twitter oppure rimani sempre aggiornato con la newsletter (da 1 a 4 mail al mese!)

Commenti

Condividi:

  • Fai clic qui per condividere su Twitter (Si apre in una nuova finestra)
  • Fai clic per condividere su Facebook (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Tumblr (Si apre in una nuova finestra)
  • Fai clic qui per condividere su LinkedIn (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Pinterest (Si apre in una nuova finestra)
  • Fai clic per condividere su WhatsApp (Si apre in una nuova finestra)
  • Fai clic per condividere su Telegram (Si apre in una nuova finestra)
  • Clicca per condividere su Skype (Si apre in una nuova finestra)
  • Fai clic qui per stampare (Si apre in una nuova finestra)

Correlati

  • Facebook
  • Twitter
  • Tumblr
  • Pinterest
  • Google+
  • LinkedIn
  • E-Mail
Paolo Dell'Aguzzo

About The Author

Sono sempre stato affascinato dal marketing e dall'informatica a tal punto di unire le due passioni :) Se ti piace l'articolo fammelo sapere in un commento :)

Related Posts

  • Migliorare la gestione aziendale08/11/2017
  • Come aumentare i guadagni aziendali06/11/2017

8 Comments

  1. Luca
    18/10/2017 at 15:21 · Rispondi

    interessante questa guida…. ma una domanda che mi assilla (è da poco che mi sto documentando su react js): in tutte le guide ed esempi si parla sempre di localhost; come si fa ad usare un progetto react su web?

    • Paolo Dell'Aguzzo
      Paolo Dell'Aguzzo
      18/10/2017 at 15:33 · Rispondi

      Ciao Luca 🙂 Grazie per l’interesse!

      Io normalmente utilizzo Heroku che è un PaaS per effettuare il deploy dell’app sul Cloud Amazon. Se ti interessa ti lascio quì un link: https://www.paolodellaguzzo.com/blog/2017/09/04/come-registrarsi-iniziare-con-heroku/ .

      Per il resto se vorresti farlo a mano le soluzioni sono: utilizzare il bundle.js che ti viene generato e caricarlo su un server a mano (per esempio su Altervista). Oppure altra soluzione è quella di avere nodejs che giri sul tuo server (tuo o affittato).

      Se hai altri dubbi fa sapere 🙂

      • Luca
        19/10/2017 at 09:06 · Rispondi

        Per bundle.js intendi creare una webpack?

        • Paolo Dell'Aguzzo
          Paolo Dell'Aguzzo
          19/10/2017 at 09:35 · Rispondi

          Tecnicamente crei un file che contiene tutto il codice JavaScript. Per creare questo file, solitamente chiamato “bundle”, si può utilizzare WebPack.

          In parole povere WebPack legge tutti i tuoi file JS e le loro dipendenze e genera alla fine un unico file contenente tutto il codice. Per maggiori info ti metto il link alla guida ufficiale: https://webpack.js.org/concepts/

          Per altri dubbi sono quì 🙂

  2. Roberto
    28/02/2018 at 08:06 · Rispondi

    Salve, io sono nuovo di react e affini. Mi affascina molto e trovo questa guida fatta molto bene.
    Vorrei sapere però, una volta chiuso il terminale, come lo riavvio il webserver?
    Perchè tutti i passaggi che ho seguito sono andati a buon fine. ora però devo spegnere il pc.
    Dopo quanto riavvio tutto, come si riavvia anche il localhost per contnuare a sperimentare?
    Grazie mille

    • Paolo Dell'Aguzzo
      Paolo Dell'Aguzzo
      28/02/2018 at 08:29 · Rispondi

      Ciao,

      Una volta che hai fatto il setup iniziale ti è sufficiente posizionarti nella cartella del tuo progetto da terminale e lanciare il comando “npm start” 🙂 Ad ogni riavvio del pc o apertura del terminale ti è sufficiente fare questo 🙂

      P.S. Sono contento che ti piaccia la guida!

  3. Alberto Macaluso
    26/02/2019 at 21:11 · Rispondi

    Devo farti i miei complimenti perché finalmente ho trovato una guida fatta veramente molto bene su react!

    • Paolo Dell'Aguzzo
      Paolo Dell'Aguzzo
      27/02/2019 at 08:37 · Rispondi

      Grazie mille 🙂

Fammi sapere cosa ne pensi :) Annulla risposta

Impara ReactJS imparare react
I 10 + 1 Libri che Dovrebbe Leggere Ogni Programmatore libri programmatore
Newsletter

Seguimi su Facebook :)

Facebook Pagelike Widget
Impara React Native imparare react native
10 Cose per Stare Più Comodo in Ufficio stare più comodo in ufficio
Impara a Creare un Tema Wordpress imparare creare tema wordpress
Udemy I Migliori Corsi per Programmatori udemy corsi programmatori
UX: Perché la User Experience è Importante UX importante e cos'è
Metodologie Agili e Lean: Come migliorare la tua azienda metodologie agili
Libri per Imparare JavaScript Imparare JavaScript libri

Articoli recenti

  • I principali engine utilizzati per lo sviluppo di videogiochi
  • Dalla visione alla realtà: Lo sviluppo di videogiochi dal punto di vista di un programmatore
  • 8 consigli per migliorare la tua SEO Locale

Categorie

  • CSS
  • Interviste
  • Java
  • Lavoro
  • Normative
  • Personale
  • Programmazione
  • Strategia & Marketing
  • Tech
  • Web Design
  • Wordpress
Paolo Dell'Aguzzo
Programmatore Software - Marotta di Mondolfo, Pesaro e Urbino
P. IVA: IT02758450429
Mail: info@paolodellaguzzo.com
Via Litoranea, 284/C - Marotta (PU)
Privacy Policy
Cookie Policy
In qualità di Affiliato Amazon, ricevo un guadagno per ciascun acquisto idoneo
Amazon e il logo Amazon sono marchi registrati di Amazon.com, Inc. o delle sue affiliate
Programmatore Senigallia, Ancona - Siti web, app iOS e Android, gestionali ReactJS, React Native, Java, SQL, PL/SQL, Heroku