Introduzione

Modello

Componenti

Servizi

Layout

CLI

Risorse

API

Avviare il Progetto

Table of Contents

Per avviare un progetto utilizzando la libreria, procedi all’installazione con:

Yarn
$ yarn global add flamingo-cli
NPM
$ npm install -g flamingo-cli

Inizializzazione

Mediante la CLI è possibile generare una struttura di base del progetto, pronta per essere utilizzata.

Scaffolding di un nuovo progetto
$ flamingo init --full
Note Per i dettagli su questo comando, digita flamingo help init oppure consulta la documentazione di init.

Verrà creata nella cartella seleziona la seguente struttura:

components/
  app/
    App.jsx
  auth/
    login/
      Login.jsx
  layout/
    SideLayout.jsx
  user/
    User.js
    UserPage.jsx
    UserEdit.jsx
    UserList.jsx

Eseguendo il comando

$ yarn start

Sarà possibile visualizzare l’applicazione all’URL http://localhost:3000. Il risultato dovrebbe essere il seguente:

  • Inserire screenshot.
Tip
Abilitare l’Autenticazione e il Login

Al momento dell’inizializzazione, la gestione dell’autenticazione, anche se presente nella cartella auth/, è disabilitata. Per abilitarla, apri il file App.jsx e aggiungi la proprietà hasAuth al componente AdminRoot.

render() {
  return (
    <AdminRoot repository={repository} hasAuth>
      {/* ... */}
    </AdminRoot>
  )
}