- Видео 10
- Просмотров 24 731
Jacob Paris
Добавлен 11 авг 2018
10 - Componentize the Layout - Sliding Sidebar in React and Tailwind CSS
Code repository: github.com/JacobParis/sliding-sidebar
Просмотров: 1 834
Видео
9 - Modularizing the Focus Trap Component - Sliding Sidebar in React and Tailwind CSS
Просмотров 9923 года назад
Code repository: github.com/JacobParis/sliding-sidebar
8 - Trapping Focus Inside the Modal Sidebar - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,6 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
7 - Showing a Shaded Modal Backdrop - Sliding Sidebar in React and Tailwind CSS
Просмотров 9923 года назад
Code repository: github.com/JacobParis/sliding-sidebar
6 - Using a Fixed Sidebar on Small Screens - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,7 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
5 - Adding Smooth Open and Close Transitions - Sliding Sidebar in React and Tailwind CSS
Просмотров 5 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
4 - Creating a custom useBreakpoint hook - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,4 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
3 - Making the Layout Responsive - Sliding Sidebar in React and Tailwind CSS
Просмотров 1,7 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
2 - Opening and Closing the Menu - Sliding Sidebar in React and Tailwind CSS
Просмотров 2,9 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
1 - Building the Desktop Layout - Sliding Sidebar in React and Tailwind CSS
Просмотров 6 тыс.3 года назад
Code repository: github.com/JacobParis/sliding-sidebar
You are Amazing, thanks
thank you
Thanks, it helped a lot
thx!!
Jacob, is there is any way to move sidebar partially? Thanks in advance!
nice play list bro
Hello Jacob Thank you very much for sharing your knowledge. Excellent playlist. It helped me a lot. Greetings from venezuela
Keep it up 👍
Awesome Playlist! Looking foward for more!!
This gives me the following warning : findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Do you know how to solve it?
Hey I don't know if you'll see this but this tutorial is a bit outdated as the "Transition.js" he provides in his code is already part of a better library you can install with npm, just do npm install @headlessui/react and import transition in your project file. This should solve any issues you are having if it is caused by Transition.
Link??
Stupid
Hey thanks for the great playlist ! Works like a charm.
thx for sharing
Thanks ! :D Please add more videos for different components :) just a little creepy on 1:31 haha
Thank you so much sir I had achieved it using events and managing tabindex value but this is great solution thanks alot
Adding the backdrop transistion, my background gets all black with opactiy of 100%. Is there a bug ?
Great content Jacob, thanks for sharing! You used a great approach to handle accessibility and tab browsing, and I will use that in my future projects. Btw, which font is that?
I appreciate that! This is the excellent Comic Code Ligatures
@@jacobparis7715 Is this "Regular", "Medium" or what? Don't want to buy the entire pack for $100 www.myfonts.com/fonts/tabular-type-foundry/comic-code-ligatures?tab=individualStyles