CodigoPraTodos / cursospratodos

Plataforma de Cursos da Comunidade Código pra Todos
2 stars 0 forks source link

Iniciar react-native-app-web #11

Open vazgabriel opened 4 years ago

vazgabriel commented 4 years ago

A ideia desse projeto é ser o web principal, e também o app Android e iOS usando react-native e react-native-web

É importante entender como fazer React-native-web com SSR para criar as pastas nos padrões necessários. Idealmente não precisamos clonar esse projeto, gostaria de iniciar com expo, e só fazer as configurações Next por cima dele.

Tarefas:

  1. Criar um projeto com a versão mais recente do Expo incluindo react-native-web

  2. Adicionar uma biblioteca UI que funcione tanto em Web quanto nos apps como o React Native Paper, Native Base, ou alguma outra, caso essas não funcionem. Dou preferencia ao React Native Paper

  3. A tela inicial deve ser uma tela simples com "Hello world", e com opção para fazer login, registrar-se, salvar o token no storage (o Storage deve funcionar em todos dispositivos), e realizar renew-token sempre ao entrar no app (1 vez, não ficar chamando toda hora, algo feito tipo no App.tsx principal ou no Redux Saga Root). Ter configurações de Redux, Redux persistence e Redux Saga. Podemos inspirar no Twitter, que tem as tabs no bottom no mobile e no desktop tem um menu lateral. (O twitter usa React Native com Web também, tem um video bem legal disso)

  4. Criar e preparar issues para próximas funções (listar cursos, etc, etc)

A final dessa task deve rodar em Android, iOS, e Web com SSR, e preferencialmente ter testes unitários 100%

vazgabriel commented 4 years ago

To com vontade de brincar um pouco com isso, vou estar usando expo: https://docs.expo.io/workflow/web/ https://docs.expo.io/guides/using-nextjs/

vazgabriel commented 4 years ago

Atualizacoes: Temos Login/Renew Token/Register Temos React-native-paper Falta colocar tudo bonitinho usando o Context (Nao vamos usar Redux por enquanto) E melhorias de layouts + testes

vazgabriel commented 4 years ago

To fazendo tudo na branch integrate-rest-api

vazgabriel commented 4 years ago

Acabei de melhorar um pouco o layout, o drawer, adicionei um useReducer no context, salvo e carrego as coisas offline, agora seria testar pra depois dar continuidade