MagicalStrangeQuark / NLW2

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

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