Skip to content

Entendendo conceitos de desenvolvimento web com React

Notifications You must be signed in to change notification settings

souzjfe/ecoleta

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sumário de Checagem

Node (global)

cd
sudo apt install nodejs

Sevidor com NodeJs e Typescript

Instalacão e Estruturação

mkdir server
cd server
npm init -y
npm i express ts-node
npm i typescript ts-node-dev @types/express -D
npx tsc --init
mkdir src uploads
cd ..

Execução do server

npx ts-node-dev src/server.ts

dentro de package.json em scripts pode ser add os comando de execucao do shell

Banco de dados com Knex

Instalacão e Estruturação

cd server
npm i knex
touch knexfile.ts
cd src
mkdir database
cd database
mkdir migrations seeds
touch connection.ts
cd ../../..

connection.ts

import knex from 'knex';
import path from 'path';

const connection = knex ({
    client: 'sqlite3',
    connection: {
        filename: path.resolve(__dirname, 'database.sqlite'),
    },
    useNullAsDefault: true
}); 

export default connection;

knexfile.ts

import path from 'path';


module.exports = {
    client: 'sqlite3',
    connection: {
        filename: path.resolve(__dirname, 'src', 'database', 'database.sqlite'),
    },
    migrations: {
        directory: path.resolve(__dirname, 'src', 'database', 'migrations'),
    },
    seeds: {
        directory: path.resolve(__dirname, 'src', 'database', 'seeds')
    },
    useNullAsDefault: true
}; 

Migrate

npx knex --knexfile knexfile.ts migrate:latest

Dentro da pasta migrations crie os arquivos para criação de tabelas SQL. Utilize 00_nomeDaPrimeiraTabela para criar na ordem correta

Seed

npx knex --knexfile knexfile.ts seed:latest

Dentro da pasta seeds será incluido os arquivos para criação de dados iniciais de alguma tabela SQL já criada.

Roteamento com Express

Instalacão e Estruturação

cd server
npm i express
touch routes.ts
cd src
mkdir controllers
cd ../..

Executar pacote

npx ts-node src/server.ts
cd origem
npx create-react-app web --template=typescript
cd web
rm -rf favicon.icon logo192.png logo512.png manifest.json robots.txt
cd ..
rm -rf README.md
cd src
rm -rf logo.svg serviceWorker.ts setupTests.ts App.test.tsx index.css
touch routes.tsx
mkdir pages services
cd ../..

Executar web

npm start

About

Entendendo conceitos de desenvolvimento web com React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published