Casos de Uso Limitados
Enquanto as Server Actions podem simplificar certas tarefas, elas podem não ser adequadas para todos os casos de uso, especialmente quando se trata de interações complexas no lado do cliente e gerenciamento de estado.
Arquitetura Pode Ser Mais Complexa
| require('dotenv').config() | |
| const express = require('express') | |
| const app = express() | |
| const jwt = require('jsonwebtoken') | |
| app.use(express.json()) | |
| // Aqui salvando os tokens nesse array apenas para fins didaticos | |
| // no mundo real vc deve guardar isso em algum banco |
| auto-switch-node-version() { | |
| NVMRC_PATH=$(nvm_find_nvmrc) | |
| CURRENT_NODE_VERSION=$(nvm version) | |
| if [[ ! -z "$NVMRC_PATH" ]]; then | |
| # .nvmrc file found! | |
| # Read the file | |
| REQUESTED_NODE_VERSION=$(cat $NVMRC_PATH) |
| // Rules | |
| const isNotValidParams = (n, m) => n > m | |
| const isNotInteger = n => !Number.isInteger(n) | |
| const logger = number => { | |
| let foo = number % 3 == 0 | |
| let boo = number % 5 == 0 | |
| console.log(foo ? (boo ? 'fooBoo' : 'Foo') : boo ? 'Boo' : number) | |
| } |
| .type.storage, | |
| .type.storage.declaration, | |
| .storage.class.modifier { | |
| font-family: 'Operator Mono'; | |
| } | |
| .type.storage.arrow.function { | |
| font-family: 'Fira Code' | |
| } |
| atom-text-editor, | |
| atom-workspace { | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| font-family: "Operator Mono"; | |
| font-weight: 500; | |
| line-height: 1.7; | |
| } | |
| atom-panel.tool-panel { |
A meta é criarmos uma página simples, que consuma a API do GitHub e nos deixe criar anotações para cada perfil que escolhermos.
A aplicação deve ter um campo de busca onde será inserido o username, e ao pesquisar, o app deve mostrar o perfil completo do usuário com sua lista de repositórios.
O app também deve permitir que o usuário possa listar, adicionar, editar e remover notas (comentários) para cada usuário listado, utilizando a API do Firebase para armazenamento em realtime.
| Ionic and Pushwoosh example |
| { | |
| "meta": { | |
| "code": 200 | |
| }, | |
| "content": { | |
| "notifications": [ | |
| { | |
| "student_name": "Faviana de Sousa", | |
| "notifications_count":2, | |
| "reports": [ |
| { | |
| "meta": { | |
| "code": 200 | |
| }, | |
| "content": { | |
| "messages": [ | |
| { | |
| "id": 329, | |
| "school_user_id": 169, | |
| "school_user_name": "Agenda Kids", |