Hotwire: Turbo Frames avançados
O curso trata de Turbo Frames avançados a partir dos frames das páginas de admin e de anotações de uma aplicação. Mostra vários frames numa mesma página com ids dinâmicos e explica por que esses ids precisam ser únicos. Apresenta o alvo _top para sair para a página inteira, o alvo por nome e o histórico do navegador com turbo_action. Os formulários seguem as mesmas regras de alvo dos links. As últimas aulas tratam da resposta sem o frame esperado e da leitura de uma página cheia de frames.
O que você vai aprender
- ✓Renderizar vários frames numa página com ids dinâmicos e únicos
- ✓Sair do frame para a página inteira com o alvo reservado _top
- ✓Mirar um frame em outro ponto da página pelo id
- ✓Criar ou substituir uma entrada no histórico do navegador com turbo_action advance ou replace
- ✓Aplicar aos formulários as mesmas regras de alvo de frame
- ✓Como o Turbo trata uma resposta sem o frame esperado
Vários frames, uma página
No curso de nível Júnior "Hotwire: Turbo Drive & Frames", cada exemplo de frame tinha uma única função na página: a seção de imagens do editor de aulas, a thread de discussão. Nada diz que uma página só pode ter um. A lista de cursos do admin desta aplicação tem quatro frames independentes na mesma…
Ler a aula completa grátis →Currículo
7 aulasVários frames, uma página
Quatro frames numa página, cada um paginando sozinho com um id por nível, e o que quebra quando ids colidem.
Saindo com turbo-frame: _top
Como o alvo reservado _top leva um link ou formulário dentro de um frame para a página inteira.
Mirando num frame diferente pelo nome
Mirar qualquer frame pelo id, com um alvo defensivo no próprio frame e uma lista que atualiza o editor.
Histórico de navegação em nível de frame
Como turbo_action advance faz a paginação no frame criar entradas no histórico, e como replace difere.
Formulários seguem a mesma regra
Formulários seguem o mesmo alvo de frame que links, como mostra um _top defensivo num formulário de busca.
A resposta de frame ausente
O que o Turbo faz quando a resposta não traz o frame esperado, e duas formas documentadas de contornar.
Juntando tudo: lendo uma página cheia de frames
Leitura do índice de cursos do admin como resumo de ids de frame, saídas com _top, histórico e frames ausentes.