Aula 14
Formulário para Criar um Post
Summary
# Resumo da Transcrição
Na transcrição, a discussão gira em torno da implementação de um título e conteúdo em um aplicativo. O apresentador menciona a necessidade de adicionar um "LABEL" e de se concentrar na funcionalidade ao invés do estilo.
## Passos Sugeridos:
1. **Adicionar um LABEL**:
- O título deve ser adicionado com um estilo de **negrito**.
2. **Implementação de Funções**:
- Criação de uma função chamada `body change` para alterar o corpo do texto conforme as modificações realizadas.
- Uso de `console.log` para verificar se as modificações no corpo do texto estão sendo capturadas.
3. **Configuração do estado**:
- É mencionado que o estado deve ser atualizado ao fazer alterações no `body` do post.
- A função deve ser importada e mapeada corretamente para estar disponível.
4. **Debugging**:
- O apresentador encontra dificuldades ao tentar registrar as alterações e identifica a ausência de um caso no `reducer` para manejar a ação `Change.Post body`.
5. **Aprimoramento do Input**:
- Para permitir mais linhas de conteúdo no input, é sugerido o uso de propriedades como `multi-line` e `number of lines` na configuração do campo de texto.
## Observações Finais:
A transcrição destaca as etapas de implementação e a importância de seguir a documentação para garantir que as funcionalidades do aplicativo funcionem corretamente.
Video Transcript
Vou voltar o
TITULO aqui, a gente vai fazer
CONTEUDO.
Antes disso, vamos só adicionar um
LABEL aqui, botar o TEST, TITULO, vou voltar o
WIREFRAME só para lembrar como é que vai ser TITULO.
Aqui.
So jet, está aí.
Está aí.
Acho que não estou focando muito no estilo.
Queria que você faça o seu próprio estilo.
Então vou colocar mais na funcionalidade de tudo.
Vou ensinar um style aqui, inline.
Volt wait, bold.
Faça o seu próprio estilo.
E aí.
Cain novo.
Se pode, acho.
Podemos botar um bold aqui.
Oral width.
Quatro.
Entendeu?
E assim por diante.
Então vamos fazer o...
Conteudo.
Negrito, da mesma forma, para adicionar text input.
Tido que você quiser.
O que é principal, one change text.
Vamos fazer esse um.
Body change.
Outra função.
Valor vai ser...
Body, esse cara aqui.
Body, esse cara aqui.
Quase a mesma coisa, vamos definir um body change aqui.
Vamos body change.
Body.
Text.props.change.
O que?
Body. Post body.
Vamos criar essa função.
Com body aqui.
Quero usar esse console logo para a gente ver o que está acontecendo.
Teudo modificado.
Body.
Certo.
Vamos ver lá.
A gente post body na função porque a gente não tem ainda.
Vamos lá para o index.js.
Definir export.
Const.change.
O que?
Opa, desculpa.
Post.
Esperar você definir a função.
E deu tudo certo.
Retorno a action.
Tipo o que?
Change.Post o que?
Body.
Outro tipo de ação.
Body.Pelo vai ser o body.
Agora volta a post new.
Importa lá em cima.
Change.Post body.
Vai lá embaixo.
Adiciona o map dispatch to props.
Change.Post body.
Testar mais uma vez.
Novo.
Adetitlo.
Dois que?
Oteudo.
Não está funcionando porque será.
No reducer, esquecemos de
definir o caso.
Change.Post body.
Opa, desculpa.
Body.Action.Pelo.
Modificar o body do
application state.
Certo?
Tipo o diante.
Note que a gente quer mais
linhas para o conteúdo, então
pode voltar na post new.
Até que sim, por ter umas
propriedades, se você olhar na
documentação, chamada
multi-line e number of lines.
Escolha.
Desculpa aqui.
Desculpa.
Esse cara aqui, por exemplo,
tem
mutilação.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: