Lukas | Web Development & Design
Lukas | Web Development & Design
  • 9
  • 545 368
useEffect React Hook Tutorial (2023) - What YOU need to know
In this video I cover everything that you need to know about the React Hook "useEffect". I'm going to teach you when and how to actually use this hook and tell you everything you need to know about dependency arrays and cleanup functions.
This video is part of a series where I cover all the important React Hooks that you need to know in 2023:
useState: ua-cam.com/video/lwFluBLxZdA/v-deo.html
useEffect: ua-cam.com/video/vpPkUr86IG8/v-deo.html

=== [ LIKE & SUBSCRIBE ] ===
Please LIKE the video if you enjoyed it and
SUBSCRIBE to the channel for more videos like that.
UA-cam ► www.youtube.com/@lukas.webdev?sub_confirmation=1
Instagram ► lukas.webdev

=== [ VIDEO CHAPTERS ] ===
00:00 - Intro
00:17 - Setup
00:57 - Basics
03:26 - Dependency
06:00 - Cleanup
09:57 - Outro
#reactjs #reacthooks #reactjstutorial
Переглядів: 2 731

Відео

How to ACTUALLY become a Frontend Developer in 2023 - The ONLY Roadmap that you need.
Переглядів 3,5 тис.11 місяців тому
In this video I will tell you about everything that you need to know if you want to become a Frontend Developer in 2023. I’ll tell you if it’s still worth it, how AI has changed the roadmap and why it’s not enough anymore, to just learn HTML, CSS and JavaScript. I’ll share my 5-step Roadmap with you and give you all the information’s that you need to succeed in this field. Download Visual Studi...
The BEST Way to Create Responsive Design with Tailwind CSS (2023)
Переглядів 122 тис.Рік тому
In this video I will teach you how to create Responsive Web Designs with Tailwind CSS. This video covers everything you need to know, from the basics to breakpoints & breakpoint ranges and even customization options - this video should give you all the information’s that you need. Tailwind CSS Tutorial (2023): ua-cam.com/video/DenUCuq4G04/v-deo.html [ LIKE & SUBSCRIBE ] Please LIKE the video if...
Tailwind CSS Tutorial for Beginners (2023) - What YOU need to know
Переглядів 102 тис.Рік тому
In this video I will teach you everything that you need to know about Tailwind CSS and also show you how and when to use it in your own projects. You don't need to watch a 3 hour tutorial to learn Tailwind - this video should give you all the information’s that you need. Tailwind Cheat Sheet: tailwindcomponents.com/cheatsheet [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBS...
Learn useState in 8 Minutes - React Hooks Explained (2023)
Переглядів 1,3 тис.Рік тому
In this video I cover everything you need to know about the most popular React hook useState. I’ll explain you when and how to use it and we also create two mini projects together. This is the beginning of a series of videos where I cover all the important hooks in React you need to know and use in 2023. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel f...
The 5 Best VS Code Extensions YOU MUST TRY in 2023
Переглядів 2,3 тис.Рік тому
This video is about the 5 Best VS Code Extensions YOU MUST TRY in 2023. I'm pretty sure that you don't know and use all of them - but you definitely should. They will help you to create code faster and to prevent mistakes. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel for more videos like that. UA-cam ► www.youtube.com/@lukas.webdev?sub_confirmation=1...
Top 10 CSS Features You Should Know & Use in 2023
Переглядів 307 тис.Рік тому
This video is about the Top 10 CSS Features you should know and use in 2023. I'm pretty sure that you don't know all of them - but you definitely should. They will help you to write better code. [ LIKE & SUBSCRIBE ] Please LIKE the video if you enjoyed it and SUBSCRIBE to the channel for more videos like that. UA-cam ► www.youtube.com/@lukas.webdev?sub_confirmation=1 Instagram ► l...
Responsive Navigation Bar - Tutorial, 2021 - HTML, CSS, JavaScript
Переглядів 3,1 тис.3 роки тому
In this video we are going to create an amazing and responsive navigation bar, only using some basic HTML, CSS and JavaScript. For that Tutorial we are going to use this editor: Visual Studio Code | Download-Link: code.visualstudio.com/download [ FEATURED TOPICS ] Flexbox, Media Queries, Mobile Navigation, Animations, Keyframes, Google Fonts, Event Listener, Conditional Statements and other hel...

КОМЕНТАРІ

  • @Tjommel
    @Tjommel 6 днів тому

    Awesome video. thank you!

  • @baster7537
    @baster7537 7 днів тому

    Love it

  • @SebastianOnofrei
    @SebastianOnofrei 11 днів тому

    Destroy the like button guys ! Lukas, your call to action was too good 😁

  • @luiseliasrodriguez4327
    @luiseliasrodriguez4327 11 днів тому

    Awesome lecture, super concise and clear, and yes you should keep doin React videos. Thanks.

  • @adewaleadisa4346
    @adewaleadisa4346 13 днів тому

    well done

  • @georgiosmylonas3892
    @georgiosmylonas3892 15 днів тому

    I had to clear the cache of vite: `rm -rf node_modules/.vite` otherwise it wasn't working for some rason. Great tutorial!

  • @dulcisfate6060
    @dulcisfate6060 15 днів тому

    Thanks man! Helps a lot

  • @olivermgrech
    @olivermgrech 20 днів тому

    Hey Lukas! New to your channel, very good explanation thanks! <3

  • @hamzaahmed5436
    @hamzaahmed5436 24 дні тому

    i cannot customise when i put my own name for the color i want in string and save it goes back to being a normal object and wont let me customise, any help?

  • @CerisPluto
    @CerisPluto 25 днів тому

    Thanks

  • @R3nxt
    @R3nxt 27 днів тому

    Great Tutorial, thanks for not wasting our time

  • @Ayman_youtube
    @Ayman_youtube 27 днів тому

    Thank you ,well explained

  • @alexlivadaru286
    @alexlivadaru286 28 днів тому

    Thank you! Very useful tutorial!

  • @alexanderherreramillet87
    @alexanderherreramillet87 29 днів тому

    very usefull this video, thanks, i like a video for responsive, images, bye

  • @milankovacs4259
    @milankovacs4259 29 днів тому

    What plugin or what do you use to get your cursor blinking to be that shrinking in-out animation?

  • @eizxdangergirl3328
    @eizxdangergirl3328 Місяць тому

    It's not working help!!

  • @howardanddennis1776
    @howardanddennis1776 Місяць тому

    I still dont understand why use tailwind instead of just basic css

  • @gideonmomah904
    @gideonmomah904 Місяць тому

    Did u just fuckin call me a code money This better be worth it

  • @user-kh6rp6yx1j
    @user-kh6rp6yx1j Місяць тому

    Hello, good.

  • @elina.-.11
    @elina.-.11 Місяць тому

    thanks was good tutorial, but i have a question i want make some custom style and put it in default css file in react but i don't want make that css file too heavy how can i separate some code in that file to inside other css file? and i don't want import them in index.html file is there anyway to do that right now i put my style in object inside a js file and generally it's ridiculous if there is better way it might be very useful for me

  • @dinesh.p8642
    @dinesh.p8642 Місяць тому

    Dhanyavaad ji.

  • @piyushsonigara5550
    @piyushsonigara5550 Місяць тому

    Young Xabi Alonso

  • @Pareshbpatel
    @Pareshbpatel Місяць тому

    Excellent video tutorial on creating a fully responsice and animated Navigation Bar. Thanks, Lucas! {2024-05-16}

  • @Pareshbpatel
    @Pareshbpatel Місяць тому

    A nice beginners tutorial on TailwindCSS. Thanks. {2024-05-16} - Subscribed!

  • @Pareshbpatel
    @Pareshbpatel Місяць тому

    Responsive design with TailwindCSS, beautifully explained. Thanks, Lukas. {2024-05-16}, {2024-05-18}

  • @saitejadamaraju5408
    @saitejadamaraju5408 Місяць тому

    Thank you so much man.

  • @bes5164
    @bes5164 Місяць тому

    perfect dude!

  • @user-wz7pw7sp7r
    @user-wz7pw7sp7r Місяць тому

    Fantastic video mate. I have a project that my friend has now asked me to make responsive so this is a HUGE help! Will be checking out the rest of your videos too. Great job!

  • @TLTechbender
    @TLTechbender Місяць тому

    Brilliant, straight to the point!!!

  • @MrManik1111
    @MrManik1111 Місяць тому

    Great Man. Your tutotial is loud and clear.. thanks

  • @monkaSisLife
    @monkaSisLife Місяць тому

    Little Criticism, if i look up Tailwind, i want to know about tailwind. using React with it is not really a good tutorial

  • @Ownagin
    @Ownagin Місяць тому

    Great video mate, straight to the point, useful information 👐

  • @berakitesfu7008
    @berakitesfu7008 Місяць тому

    Great stuff buddy, keep the good work.

  • @MuhammadRafay-we9nc
    @MuhammadRafay-we9nc 2 місяці тому

    Sir , My name is Rafay and i am 16 years old.I know Html, CSS, JavaScript, TypeScript, Bootstrap, Angular , Node js and little bit about PHP and Python. What should i learn next?

  • @camilaalbuquerque1371
    @camilaalbuquerque1371 2 місяці тому

    much more helpful than many long articles or tutorials! thanks a lot for this video :D

  • @Atul_25
    @Atul_25 2 місяці тому

    Really awesome 😎

  • @eyadbinamir4985
    @eyadbinamir4985 2 місяці тому

    You look like Xabi Alonso

  • @rashmi_t
    @rashmi_t 2 місяці тому

    You are an amazing teacher. Thank you for the easy to understand Tailwind course

  • @freddyapaka6688
    @freddyapaka6688 2 місяці тому

    another video with more details on responsive design well be very much helpful

  • @keitho6974
    @keitho6974 2 місяці тому

    I want to say thank you for this clear and easy to follow tutorial. I have both liked and subscribed and I can't wait to catch up on your newest videos.

  • @gamesofmoney3903
    @gamesofmoney3903 2 місяці тому

    Thank you🤗

  • @syrian167
    @syrian167 2 місяці тому

    very helpful tutorial, thanks

  • @HyperionBadger
    @HyperionBadger 2 місяці тому

    Respectfully, the title makes no mention of the project utilizing specifically "React". This is something that should be mentioned beforehand.

  • @MrSrdjanStojkovic
    @MrSrdjanStojkovic 2 місяці тому

    Great. I start follow you. 👍

  • @tylerarrigoni7700
    @tylerarrigoni7700 2 місяці тому

    You’re quite gifted at this. Where’ve you been?

  • @fernandoli6743
    @fernandoli6743 3 місяці тому

    Thx buddy, nice introduction

  • @ROVAKAN
    @ROVAKAN 3 місяці тому

    Non boring , initial push giving tutorial . Thats my taste , sub++

  • @lalosalamanca139
    @lalosalamanca139 3 місяці тому

    tailwind project

  • @careuanimation
    @careuanimation 3 місяці тому

    good job done

  • @proteus1
    @proteus1 3 місяці тому

    I have input.css