Next Level Week II

Repository containing the application created in the second edition of the Rocketseat NLW event.

Typescript | ReactJS | React Native

Proffy

Configurando Ambiente NLW

Layout Proffy

Versão 2.0 Proffy

👺 Starting a new project

npx create-react-app web --template typescript

Installing the react-router-dom dependency

npm install --save react-router-dom

npm install --save-dev @types/react-router-dom

Increase the limit for files being watched

sudo sysctl -w fs.inotify.max_user_watches=100000

Installing the other project dependencies

mkdir server
cd server

npm init -y

npm install typescript --save-dev
npm install knex --save
npm install sqlite3 --save
npm install express
npm install @types/express --save-dev
npm install ts-node-dev --save-dev
npm install cors
npm install @types/cors
npm install axios --save

Create typescript's file tsconfig.json

mkdir src

touch src/server.ts

npx tsc --init

Run migrations

cd server

npm knex:migrate

Start Web Application

cd web

npm start

Star Server

cd server

npm start

Mobile

1° Step: download the Expo app for mobile

2° Step: create a new application

npm install expo-cli --global

expo --version

expo init [ Choose a template: expo-template-blank-typescript ]

npm install expo-font @expo-google-fonts/archivo @expo-google-fonts/poppins
npm install styled-components
npm install @types/styled-components -D
npm install @react-navigation/native
npm install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
npm install @react-navigation/stack
npm install @react-navigation/bottom-tabs
npm install axios
npm install @react-native-community/async-storage
yarn start

If any problems occur during the development of the application, execute:

expo r -c

If the similar problem below occurs, run the command

fontFamily * is not a system font and has not been loaded through Font.loadAsync

watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && rm -f package-lock.json && rm -f yarn.lock && npm cache verify && npm install && expo r -c

3° Step: Open the app and use the qr code generated by the application, at the same network

Visual Studio Code extensions