| Para resolvermos o problema da tela vermelha ao tentarmos dar reload na nossa aplicação devemos fazer o seguinte. Devemos subir o serviço do node numa porta separada através do comando "react-native start --port=8088", porém no momento de configurar o nosso celular temos uma particularidade. | |
| Obs0: Não feche o terminal que está rodando o seu serviço na nova porta, para executar os comandos abaixo, abra outra instância do terminal. Como não temos como apertar nenhuma tecla no celular, devemos enviar o comando "adb shell input keyevent 82", isso irá simular o Ctrl + M (utilizado para abrir o menu caso você esteja utilizando o emulador do Android Studio) e abrir o menu de opções. | |
| Com o menu aberto, escolha a opção "Dev Settings" e depois clique em "Debug server host for device". Agora a particularidade. Execute o comando "ipconfig" e recupere o valor do IPv4, com esse valor em mãos, escreva o valor do seu IPv4:sua porta (ex: 123.235.0.13:8088). Lembrando que a porta deve ser a mesma que foi iniciada pelo comand |
https://medium.com/@jan.hesters/using-typescript-with-react-native-946aa4b4ae6f
react-native init myapp --template typescript && node myapp/setup.js && cd myapp
npm install --save-dev tslint tslint-eslint-rules tslint-react tslint-config-prettier
| { | |
| // Define o tema do VSCODE | |
| "workbench.colorTheme": "Dracula", | |
| // Configura tamanho e família da fonte | |
| "editor.fontSize": 14, | |
| "editor.lineHeight": 24, | |
| "editor.fontFamily": "Fira Code", | |
| "editor.fontLigatures": true, | |
| "editor.formatOnSave": true, | |
| "[typescript]": { |
| { | |
| // Define o tema do VSCODE | |
| // Theme Setup. | |
| "workbench.colorTheme": "Shades of Purple", | |
| "editor.fontFamily": "Fira Code", | |
| "terminal.integrated.fontFamily": "Fira Code", | |
| "editor.fontSize": 17, | |
| "editor.lineHeight": 24.65, | |
| "editor.letterSpacing": 0.5, | |
| "editor.fontWeight": "400", |
| // This shows an example of how to generate a SSH RSA Private/Public key pair and save it locally | |
| package main | |
| import ( | |
| "crypto/rand" | |
| "crypto/rsa" | |
| "crypto/x509" | |
| "encoding/pem" | |
| "golang.org/x/crypto/ssh" |
| yarn add eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-config-prettier eslint-plugin-prettier prettier @typescript-eslint/eslint-plugin @typescript-eslint/parser -D | |
| module.exports = { | |
| env: { | |
| browser: true, | |
| es6: true, | |
| jest: true, | |
| }, | |
| extends: [ | |
| 'react-app', |
| const fetchMachine = Machine({ | |
| initial: 'fechado', | |
| states: { | |
| fechado: { | |
| on: { | |
| ABRINDO: 'abrindo', | |
| }, | |
| }, | |
| abrindo: { |
| const machineState = Machine({ | |
| id: 'datamachine', | |
| initial: 'loading', | |
| context: { | |
| data: [], | |
| }, | |
| states: { | |
| loading: { | |
| on: { |
| const videoMachine = Machine({ | |
| id: 'videoMachine', | |
| initial: 'loading', | |
| states: { | |
| loading:{ | |
| on: { | |
| LOADED: 'ready', | |
| FAIL: 'failure' | |
| } | |
| }, |
| const fetchMachine = Machine({ | |
| id: 'post-screen', | |
| initial: 'ready', | |
| context: { | |
| text: '', | |
| }, | |
| states: { | |
| ready: { | |
| type: 'paralell', | |
| on: { |
