ReactJs
Alguém conhece uma abordagem de estrutura de código para separar html da lógica utilizando ReactJs?
Alguém conhece uma abordagem de estrutura de código para separar html da lógica utilizando ReactJs?
Na época pré hooks, se usava muito o pattern Container/Presentational, mas entendo que agora é desnecessário, pois conseguimos fazer esse isolamento pelo hook.
Não sei se entendi a dúvida corretamente, mas atualmente a principal forma de separar a lógica é isolando ela em um ou mais hooks. Inclusive é possível passar hooks diferentes pro componente através das props, alterando o comportamento do componente sem adicionar if
s na lógica.
Tem esse cara: https://www.patterns.dev/posts/presentational-container-pattern
que como explica no post, basicamente uma das alternativas é utilizar os hooks para separar a lógica do conteúdo renderizado.
Usando Contexts.