Toop!! Muito obrigado pelos conhecimentos, confesso que pensei que fosse muito difícil e que não iria conseguir compreender e entender e também aprender, mas agora que conseguir finalizar, percebo que foi simples é muito fácil de entender, por mas que precisei traduzir a vídeo aula rsrs. Desejo todo sucesso e continue trazendo mais conteúdos bons, breve breve vai ser eu montando um canal também.
I would love to do a code along with a full React+SCSS web app tutorial A tutorial about Authorization with Json Web Tokens (JWT) and Refresh tokens would be neat as well :)
Love you dudeeee! Omg im just starting to create this app for my company and I had no idea to do the drop box and dude! THANK YOU! After days, I finally figured out
@@briandesign hello one question, can you change the background of the button or just style the button when its opened, and when closed it returns back to what it is?
Thanks for the great video! I did this just today - happened to auto'ly import the latest version of react-router-dom. The Switch made me run around for a while as I wasn't expecting something as key as that might get moved-out/deprecated. Anyone who may face this issue, please use Routes instead of Switch.
I'd create an "active" and "inactive" style and just change with a template string and short circuiting. So whenever you click the button it changes the style, without referring directly to 0% or 100%. It gives more control when you're trying to style it on a CSS. But thats just me, I've learned your way and its nice although I feel like I can get lost on my own code. Maybe its my coding ocd.
Great video Brian, it will be nice if after selecting a child component (Link) the sidebar should disapare to the left, it will make the navigation better. Thanks anyway.
Great tutorial, only suggestion i would like to make: duplicate the hover border-left in the non hover state, with same background color as your background, so u don't get that jittery text on hover, plus i like to add "use-select: none", so you never get that ugly text highlight.
Thank you sir, it was just what I was looking for. This was an excellent tutorial and is much appreciated. Can I ask how you would have all of the items that have sub items expand initially?
Hello, I need your help. I have a dropdown inside a dropdrown but Im having a challenge when I click one link of the second dropdown all the links of the second dropdown display there content instead of only one. And also when I try to display the items in flex they just display in a straight line.
Great Job Sir, literally best content 🙌🏼 Create my first web look by watching your video. 😋 Needed this type of tutorial for my Admin dashboard, can you make video on that too? dashboard functionalities with react (e.g. sidebar, topbar, login navbar topbar change with name , logout)
thanks so much for this vid! it helped a ton!! i was wondering though, how can we get a submenus submenu to display? I noticed some other comments were asking a similar question but I didnt see a response.
Thanks Brian for this awesome video. Any tricks if I want to keep the sidebar always Open and Show the content in the Right pane. What changes it would need in that case? Really appreciate your help.
Nice tutorial. Really helped me a lot. Thanks. Is there a way to display sub-menus in deeper levels, I mean, an item having sub-menu which itself is a sub-menu. This can go to may be 3-4 levels. You are showing only two levels - main menu and sub-menu. Appreciate your quick reply. Benny
can you upload some videos about, how to create websites using react + redux, please. You explain perfectly. Your videos are great. I love your Videos. All of them are very useful, thank you for all of them. But I have an Idea. if you launch the React course all of your subscribers will be so happy. Course content: 1. JSX - (HTML + jS) 2. Redux; Flux 3. State; Props 4. Hooks 5. The component LifeCycleC (Mounting; Updating; unMounting); 6. ComponentDidMpunt 7. React-Router 8. Link 9. Route -> URL 10. brouserRouter 11. Switch
At 36:00, when I created all the sidebarData, sideMenu and all, and refresh the page, My data of sidebarData like Overview, reports and etc doesn't show up. Please help me and tell me where I could be wrong
Awesome work and really easy to follow along with and learn! I'm wondering if you can make the components behind the Sidebar to be able to shrink and grow in width to avoid content being lost behind when opened?
Mano se vc soubesse quantas pessoas vc ajuda e como seus vídeos ajudam no nosso desenvolvimento. Muito obrigado mano, vc é demais. Queria até fazer um pedido, um vídeo criando um site com Next.Js
hay how can we show only one dropdown menu at a time like if you have open report and now you want to open a message. you click on message and now your report will hide and only messages list will be show
how to add transition to when you click to open the dropdown? i really tried to make it smooth. also anyway to not go to the link when there is dropdown and u click the main root? cuz thats not how dropdowns work man.... there should only be link when u click the items on the dropdown or when theres no dropdown and u click the sidemenus
Thank you so much for this great tutorial it's amazing and helpful. I have question please, how can I add nasted navbar menu? I just try to add it but it gets tricky when I want to add the mapping. If you can help me with this please.
This was a great tutorial. Enjoyed and really easy to follow. I want the sidebar to be at the same z index as the regular page. so when expanded, it shrinks the main content instead of covering it. Any suggestions?
Great tutorial! Do you know any way to make it so that when you click on the tabs to open the drop down menus it stays on the same page and opens the submenu instead of going to its own page?
Hi Brian...Great tutorial and great learning. One problem I am facing. When the number of menu items is high and doesn't fit in a page, the items don't scroll down. Am I doing something wrong or can you or anyone else help me with a solution please? Many thanks!!!
@@briandesign I cant found it, code in tagged literature have green color like a string, it's hard to identify, it will be easy to have same color as CSS file. Help me
Hi Brian I am currently working on web-application developing tab-section similar to web-browser tab using reactis. My requirements are-Tab-section similar to browser tab. On selecting a feature in side-navbar, a tab has to pop in the tab-section. On selecting a new feature in side-navbar, a new tab has to pop in the tab-section. Closing of tab. I have gone through react-draggable-tabs, but it does'nt have on selecting a feature a tab has to pop instead it shows entire tab. Please help me out in it.
import * as , result to importing the whole package including file you will not use. This add extra not needed storage, besto import lelements used . e,g import {AIFillHome} from 'react-icon/ai'
Great video! Btw I tried this and added more elements to it(more than what can be displayed on screen at a time) but now I want a scroll functionality for this sidebar only, how I can do that?
Hello nice tutorial! keep it up 😎 i think i have a bug im trying to open the dropdown from Reports menu when im in another url (example, the Team's url that not have dropdown) but this make a redirect to Reports url and doesnt open the dropdown, i have to been in this reports url if i want to open the dropdown, any suggestion? thanks
Traducir por voz 128 / 5000 Resultados de traducción To start I love your videos, I would like if you can make one with React Sidebar Navbar Footer and of course responsive. 🙏
Greetings, thank you very much for the content. A question: I have a top navigation bar and this side navigation bar overlaps, how can I make the side one start just below the top one?