Тёмный
Dev Labs
Dev Labs
Dev Labs
Подписаться
Welcome to our channel where we focused on navigating the road to becoming a skilled web developer!

Dive into the world of web development with us and enhance your existing skills. Our channel is dedicated to providing high-quality, in-depth tutorials and resources on a variety of web development topics.

We cover a range of tools and technologies including React JS, Vite, Next JS and Three JS. These technologies are all widely used in the industry and are essential for building modern, dynamic websites and web applications.

We're also passionate about innovation and AI, and look to incorporate these technologies into our tutorials whenever possible. The goal is to learn how to build websites, but to also inspire you to push the boundaries of what's possible with web development.

Whether you're a complete beginner or an experienced developer, we believe that our channel has something to offer you. Join us as we explore the exciting world of web development and learn together.
Комментарии
@nithyalakshmim7411
@nithyalakshmim7411 Месяц назад
why you change ma-auto to ms-auto how to know that
@bloklab
@bloklab Месяц назад
Me-auto (margin-end) is same as Margin-right Ms-auto (margin-start) is same as ml-auto By changing the default bootstrap code this pushes the nav links over to the right Hope this helps
@VolodymyrGoryanin
@VolodymyrGoryanin 2 месяца назад
Hello! div in SplashScreen has property isMounted, and i have an error with it, what am i doing wrong? Property 'isMounted' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.
@lucasmoratonieto2124
@lucasmoratonieto2124 3 месяца назад
Thank you so much, you do not know how much you have helped me. I was so frustrated. Thank you very much seriously. Thank you
@bloklab
@bloklab 3 месяца назад
👍
@user-dm2kl7dw2h
@user-dm2kl7dw2h 3 месяца назад
I even cant see code pathetic
@achirasilva2567
@achirasilva2567 3 месяца назад
try to speak and explain what you are doing
@user-nc3im3zu1h
@user-nc3im3zu1h 3 месяца назад
hey, would you tell me how to auto import like you when you code <Header /> it's auto import at top
@bloklab
@bloklab 3 месяца назад
Hi, in order to automatically import like in the video, you first need to ensure the component is created in your components folder with the relevant code within the component, once this is done vs code should recognise this so when you start typing <Header /> it should auto import for you. Hope this helps and let us know if you get stuck
@user-nc3im3zu1h
@user-nc3im3zu1h 3 месяца назад
@@bloklab it's already work, thanks, can you make another tutorial getting started vite react with bootstrap and scss ? so i can override class of bootstrap with scss please
@patrykponka1992
@patrykponka1992 4 месяца назад
Could you make a video where you code a large project with a more challenging layout, more sections along with a graphic theme in Figma or something similar?
@bloklab
@bloklab 4 месяца назад
Thanks for the feedback, what kind of project are you interested in seeing?
@patrykponka1992
@patrykponka1992 4 месяца назад
Something like a commercial project that we could potentially encounter in our work as a React Developer or one that would be a good fit for a portfolio.
@benh8199
@benh8199 4 месяца назад
you didn't set the active link to highlight properly in the navbar
@bloklab
@bloklab 4 месяца назад
Thanks @benh8199 for me this is a personal preference as I like the navlinks to remain consistent and clean. I guess you could do this if you like. Hope you enjoyed the vid.
@vedakeerthip1224
@vedakeerthip1224 6 месяцев назад
how the colour picker was showing in the .jsx file in VS code ?
@Elnur.Zarabi
@Elnur.Zarabi 6 месяцев назад
Would you please share the source code. I am attempting to connect EmailJS. I used Bootstrap5, so assuming the process is the same it should work, but it is not working on my end from sending the form through the contact.jsx once deployed
@bloklab
@bloklab 6 месяцев назад
GitHub added to description for you
@danielcervatescorona817
@danielcervatescorona817 6 месяцев назад
bro video was great, but the soundtrack was dope as fuck!
@kirstenjohnson3091
@kirstenjohnson3091 6 месяцев назад
I recently learned Bootstrap and React, so this was perfect. Thank you!
@nithyalakshmim7411
@nithyalakshmim7411 Месяц назад
yes
@punsathvidunayana7851
@punsathvidunayana7851 6 месяцев назад
why don't you use latest boostrap
@bloklab
@bloklab 6 месяцев назад
Personal preference and compatibility with various versions and frameworks
@riadqerimi6701
@riadqerimi6701 7 месяцев назад
why u dont make another page for about?
@bloklab
@bloklab 7 месяцев назад
The process is the same to create additional pages, just follow the steps and route the backing to the about page instead of “/“.
@itsNicoRepx
@itsNicoRepx 7 месяцев назад
Mate, You are brilliant! Straight to the point on the content and totally understandable. Defo a new sub! Will look forward to your new content.Keep Up!!
@bravin_w
@bravin_w 8 месяцев назад
100th sub here.
@bloklab
@bloklab 8 месяцев назад
👊
@isabelsanchezgarcia6108
@isabelsanchezgarcia6108 8 месяцев назад
Thanks!!!
@shortsportzone
@shortsportzone 9 месяцев назад
thankssss my bro ❤. i am from Indonesia. I love this video. Godbless
@bloklab
@bloklab 9 месяцев назад
Your welcome, stay tuned for more videos coming soon 👍
@quinndaisies6949
@quinndaisies6949 9 месяцев назад
I love the concept, but when running npm run build, I believe there is a whole different principle to that? Pardon my blunder I'm two weeks into react.
@adrianvallereanopedrosa1479
@adrianvallereanopedrosa1479 8 месяцев назад
in the root directory you can find another folder named [dist]. you can deploy that. if you have xampp you can deploy that locally
@highfreequency8782
@highfreequency8782 9 месяцев назад
hello sir , can you make video about vite app deployment into github page ..
@bloklab
@bloklab 9 месяцев назад
Sure can, make sure to subscribe and turn on bell notifications 🔔
@highfreequency8782
@highfreequency8782 9 месяцев назад
@@bloklab ok..done..after that you make also a video about typescript using vite
@mokho3027
@mokho3027 9 месяцев назад
loved it.
@rabiafaisal558
@rabiafaisal558 9 месяцев назад
kindly carete more videos like this.... on react
@bloklab
@bloklab 9 месяцев назад
Thanks for the comments, be sure to subscribe and turn on notifications for when we upload more
@rabiafaisal558
@rabiafaisal558 9 месяцев назад
thanks .... finally i got it....
@ericksegura478
@ericksegura478 9 месяцев назад
Excelente muy bueno.
@cg-jf7lp
@cg-jf7lp 9 месяцев назад
why did you remove import React from 'react'? Does this have to do with React version 18?
@user-uk7tw4tr3s
@user-uk7tw4tr3s 9 месяцев назад
In the last version you can remove it without any problem
@bobzero3727
@bobzero3727 10 месяцев назад
Amazing video
@underscore8212
@underscore8212 11 месяцев назад
Thank you very much!
@DsComputerWorld
@DsComputerWorld Год назад
Thanks for sharing with us. This whole project uses such marvelous packages which is best for frontend and backend. It helped me a lot.
@Nurpie
@Nurpie Год назад
Many thanks! Official bootstrap page for vite integration was even wrong
@scarredgaruga
@scarredgaruga Год назад
even though an explanation would be better, this really helps me starting my project. Thanks!
@BimbelSemenit
@BimbelSemenit Год назад
the screen is to small maybe you can increase the font size😢
@vvhoisp.v
@vvhoisp.v Год назад
How localhost u have visible without put npm run dev in terminal? i need to see
@bloklab
@bloklab Год назад
Hi, to access local host visibility you need to open up chrome dev tools, right click -> inspect, her you see tabs starting with “Elements, console, components etc” click on the tab that says “Application” if you can’t see this click on the arrows, when you click application you see local host on left side. Hope this helps
@lucasbartomioli7861
@lucasbartomioli7861 Год назад
Nice man! why you use the version 4.6 boostrap??
@bloklab
@bloklab Год назад
It’s more widely used across new and old web development
@bilyanamancheva
@bilyanamancheva 9 месяцев назад
@@bloklab but bootstrap 5.3 is compatible with react-bootstrap 2.8, right :? thanks in advance :)
@0lange
@0lange Год назад
can you link the github repo for this?
@bloklab
@bloklab 8 месяцев назад
github.com/omar-ahm/tw-vite_project with newly updated contact form
@GreenPear-mz4dl
@GreenPear-mz4dl Год назад
very nice video, thanks for sharing!
@VictorSantos-is5yk
@VictorSantos-is5yk Год назад
Nice video, what extansions you use to create arrow function?
@andresserna5899
@andresserna5899 Год назад
Hello thanks for your video, I have a question can I handle a single css file?
@bloklab
@bloklab Год назад
Hi Andres, this would be possible so long as you use “id” selectors for specific elements. Hope this helps