Criando Sidebar com React.JS! (Styled Components, React Icons)
HTML-код
- Опубликовано: 6 мар 2022
- Nesse vídeo compartilho a criação de um menu lateral utilizando React.JS
💻 Repositório: github.com/WilliamDosSantos/r...
================
CURSOS QUE INDICO:
Full Stack Web PRO do zero ao avançado
hotm.art/Full-Stack-Web-PRO-d...
React Native do zero ao Avançado
hotm.art/React-Native-do-zero...
Curso de Node.js, React e React Native
hotm.art/Curso-Node-React-Rea...
Curso de Node.js (Celke)
hotm.art/curso-node-celke
Pacote Full Stack
hotm.art/Pacote--Full-Stack
Curso Criando Apps de I.A
hotm.art/curso-apps-ia
Curso de Flutter Completo
hotm.art/Curso-Flutter-Completo
Curso de Node.js (Danki Code)
hotm.art/curso-nodejs-dankicode
================
Instagram de Tecnologia:
/ will_programmer
Linkedin:
/ william-l-9b6625102 
Наука
Show de bola! Muito top mesmo. Parabéns!
Ajudou muito! Obrigado.
Aula perfeita, salvou meu projetinho
Valeeu
PARABENS! conteúdo impecável, o único canal que achei que consegue codar da mesma forma que eu
Muito obrigado pelo feedback 😃
Excelente, me salvou no projeto e consegui aprender :)
Que boom, agradeço seu feedback 😃
Cara parabens vc ajuda os iniciantes demais. Uma sugestõ de video criando dashboards buscando os dados dentro do BD.
Show, valeeu
Uma duvida , como eu faco para clicar por exemplo nas estatísticas dentro do sidebar, e me levar na região do projeto onde esta o componente das estatísticas? No html e css usamos o id # para fazer isso certo ? E como ficaria no react ?
Tem várias formas, uma delas é usando um history.push() (useHistory), o se for next, tem o
@@will_dev faz um vídeo de um exemplo para nós, estou com a mesma dificuldade.
Que vídeo maravilhoso
Valeeu
Parabéns, ótimo video.
Muito obrigado
cara esse video me ajudou mt a resolver um problema obg :3
🤝🚀
Muito otimo seu compartilhamento de seu conhecimento, tentando estudar todo tipo de conteúdo que existe. Mas pediria um favor, este mesmo sidebar com react.JS, como ficaria no código HTML, CSS e JS. Para termos as dimensões que itens transformar com componentes para o react.JS. Abraços
Sugestão anotada! Obrigado :D
video top, valeuzão em :)
Valeeu
show de bola a forma como você explica cara, parabéns, gostaria de saber se consigo usar essa mesma aplicação ao meu codigo de react-native?
A estrutura é praticamente a mesma, recomendo ver um vídeo que mostre a criação de um projeto react-native, aí só adaptar.
me salvou
Agradeço pelo feedback :D
Muito didático seu vídeo, segui o projeto mas meu sidebar não funfou, para iniciar utilizei npm como sou iniciante não sei se tem algo a ver. O sidebar aparece o icone dos 3 traços mas não tem nenhuma reação. Se for possível uma dica do que pode estar errado agradeço.
Agradeço seu feedback, tenta comparar com o código do repositório (link na descrição), deve ser algum detalhe que faltou
Valeu mano, se eu pudesse daria 1000 likes.
Que bom que ajudou :D
como bota uma animação pra quando fechar a sidebar fechar mais lento nao instantaneo?
Teria que colocar um "transition: left 0.2s ease-in-out"
Mano, e o restante do conteúdo? O menu fica por cima e o formulário que foi aberto fica responsivo também? Como fez essa parte?
Opa, esse vídeo é só sobre a criação de menu, tem alguns vídeos aqui no canal criando formulários responsivos, se quiser conferir :D
Muito bom, me ajudou.
Mas agora como faço para clicar em um menu e carregar outra pagina ?
Tem que atribuir no on click a chamada, eu tenho alguns exemplos aqui no canal
video top, porem estou com um problema, a sidebar não fecha ao executar a funcao closeSidebar, sabe oque poderia ser?
Pior que sem ver é difícil, mas recomendo acessar o meu repositório e copiar o código para comparar.
Como criar um submenu dentro do sidebar?
Teria que criar um componente filho do item da Sidebar que vai ter mais opções
Fiz todas as etapas junto com vc no video pra entender bem, e estava dando erro, no styled.js, fui ver seu codigo no github, o bendito (`) não é um ('). kkk
Kkkk todos nós sofremos nesses detalhes
Uma dúvida, pq .jsx e não só .js?
Foi mais pra indicar que é um componente React mesmo, mas não faz muita diferença, tanto que nos novos projetos comecei só com .js
@@will_dev show de bola. Obrigado. Vou continuar seguindo vendo seus novos conteúdos.
eu tbm sempre tinha essa dúvida
Sou iniciante em fronte, sei que deve ser fácil, mas não consegui usar os componentes junto com o router e direcionar para as páginas.
Tem alguma dica?
Então, eu mostro como direcionar através do react-router-dom no meu vídeo de "Sistema de Login com React.JS", acredito que isso ajude.
Não funciona
Tenta pegar meu código do repositório