tobi tackles tech
tobi tackles tech
  • 25
  • 198 955
3 Must-Have VS Code Extensions for Tailwind CSS
these Tailwind CSS Extensions For Vs Code in 2025 Boost Your Speed.
👉🏼 Tailwind Animations: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=aIlT5vvs7r5XEXK_
✂️ my recording and editing tool: Screen.studio/@r4EXX
_____________________________
🙋🏼‍♂️ find me also here:
github: github.com/tobiasmeyhoefer
my website: tobiasmeyhoefer.de/
_____________________________
⚡️ About me and this channel
Hello World! 👋🏼 My name is Tobi and I'm a webdeveloper from Germany ✨ On this channel you will find free educational content about everything related to the web, from frontend to backend especiall with React and Next.Js!
_____________________________
📚 Chapters:
0:00 BliBlaBlub
1:12 Extension 1
3:26 Extension 2
4:44 Awesome Banger Tip
5:51 Extension 3
_____________________________
#tailwindcss #vscode #tailwindcss #tipsandtricks
มุมมอง: 4 822

วีดีโอ

This New JS Feature Will Change Error Handling Forever!
มุมมอง 16K12 ชั่วโมงที่ผ่านมา
Showcasing the new safe assignment operator of javascript to improve Error Handling 👉🏼 watch my last video: th-cam.com/video/g4NWYLmRiEg/w-d-xo.htmlsi=I2swLsD8P7UlUw4T 👀 video specific links docs: github.com/arthurfiorette/proposal-safe-assignment-operator ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoe...
This UI Library feels like Shadcn 2.0
มุมมอง 38Kวันที่ผ่านมา
I got suggested this ui component library and it is awesome! 👉🏼 Tailwind Animations: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=vJikph6fOOONhp7x 👀 video specific links origin ui: originui.com/ ✂️ my recording and editing tool: Screen.studio/@r4EXX 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me and this channel Hello World! 👋🏼 My name is T...
The Only Github Profile Page Tutorial You Need 2025 (+Bonus Effect)
มุมมอง 11K14 วันที่ผ่านมา
Awesome Github Profile Customization with a custom Readme.md Portfolio File 👉🏼 tailwind animation: th-cam.com/video/-Upbnoj9iMk/w-d-xo.htmlsi=TGseya_-xSGfHN1l 👀 video specific links 🐍 snake code: github.com/tobiasmeyhoefer/tobiasmeyhoefer/blob/main/.github/workflows/snake.yml 📖my readme code: github.com/tobiasmeyhoefer/tobiasmeyhoefer/blob/main/README.md?plain=1 Tool1: gprm.itsvg.in/ Tool2: git...
You can now build AWESOME TailwindCSS Animations!
มุมมอง 59K14 วันที่ผ่านมา
Doing Animations in Tailwind with the new Tailwind CSS Plugin 👉🏼 Last Video: th-cam.com/video/geujDzL0yXQ/w-d-xo.htmlsi=woUy-aY9cb4lhOav 👀 video specific links find rombo here: rombo.co/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my websi...
I Just Found MORE Shadcn Components!
มุมมอง 33K21 วันที่ผ่านมา
These shadcn extensions are so great and they are build on top of shadcn! 👉🏼 my shadcn video: th-cam.com/video/Ssi5-RCQrzo/w-d-xo.htmlsi=6t2gBi-W_EJDylYT 👀 video specific links shadcnui-expansions.typeart.cc/ shadcn-extension.vercel.app/ enhanced-button.vercel.app/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anyth...
You Won't Believe These npm Packages Are Real! (Why?!)
มุมมอง 2.2K21 วันที่ผ่านมา
There are some npm packages that are ridiculously non sense. 👉🏼 watch next: th-cam.com/video/JEvwFTY_xIA/w-d-xo.htmlsi=l2rl58epseOX6nYU 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) ⚡️ About me and this channe...
All Next.js 15 Changes (in 3 Minutes)
มุมมอง 10Kหลายเดือนก่อน
Next.js 15 has been released. Here are all new features including React 19. 👉🏼 watch the new server actions video: th-cam.com/video/JEvwFTY_xIA/w-d-xo.htmlsi=MYCE2iXlQJLvFPAP 👀 video specific links nextjs.org/blog/next-15 ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an affiliate link so you can support me ♥️, it won’t cost you anything extra) 🙋🏼‍♂️ find me also here: github: ...
Next.js 15 just fixed Server Actions (faster & safer)
มุมมอง 6Kหลายเดือนก่อน
Next.js Server Actions just got an update in the latest changes of the Release Candidate V2. These changes improve the speed and security of web applications. watch my video about use client vs use server here: th-cam.com/video/XXiKbltnQlo/w-d-xo.htmlsi=uqafcEWiefaSt6W_ [video specific links] docs: nextjs.org/blog/next-15-rc2 ✂️ my recording and editing tool: Screen.studio/@r4EXX (This is an a...
The Best Code Editor (Cursor Ai) Setup Guide
มุมมอง 554หลายเดือนก่อน
This is a tutorial where I show you how to install and setup the new ai code editor cursor which is a fork of vscode and the new trend. Download Cursor: www.cursor.com/ 📚 Chapters: 00:00 Installation and Setup 3:24 What can you do with it? 5:29 Even more features... 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me and this channel Hello Wor...
I Tested Bolt.new (better than Cursor + V0) with 4 Levels of Difficulty
มุมมอง 1.8Kหลายเดือนก่อน
Im testing bolt.new the new web development ai from StackBlitz to find out if it can solve 4 problems. I asked 4 prompts to do a modern Next.js application and this is what it came up with. Is this really better then v0 by vercel or cursor ai? 🔥 Watch The AI Revolution: th-cam.com/video/itR4esdyTzU/w-d-xo.htmlsi=C2i-ZflcZJD7q1Ws video specific links docs: bolt.new/ 📚 Chapters: 0:00 Easy Task 0...
Next.js Best Practices You Can't Ignore
มุมมอง 1.4Kหลายเดือนก่อน
I show you best practices in next js a react framework to boost the speed of your web application and give it a better user experience (UX) and improve the SEO. Watch my about how to accomplish a PWA in Next.js 🔥: th-cam.com/video/OOliDtPz0kU/w-d-xo.htmlsi=tIArJaK_s5xvgTzr Chapters: 📚 00:00 Simple Best Practices 4:24 try caching 6:22 use Tailwind 7:40 improve performance with Lazy Loading 8:54 ...
How To Be A GOOD Developer In 2024
มุมมอง 461หลายเดือนก่อน
Software Engineering and especially web development is moving fast. Here I give you tips how to be a good software engineer in 2024 and understand how the modern software engineer should work. Chapters: 00:00 Introduction 0:33 how to home office 3:28 fix your mind 6:48 handle AI and Trends 🙋🏼‍♂️ find me also here: github: github.com/tobiasmeyhoefer my website: tobiasmeyhoefer.de/ ⚡️ About me an...
Unlocking the Power of PWAs with Next.js 14 + native tips
มุมมอง 2.9K2 หลายเดือนก่อน
Learn how to build powerful Progressive Web Apps (PWA) with Next.js in 2024 Tutorial. In this video, I explain the basics of PWAs and show you how to add them to your Next.js projects, with extra tips and tricks to make your app even better and more native like. PWAs are the future of web apps, making them faster, more reliable, and work offline! video specific links ✨: ✂️ my recording and edit...
This changes coding forever | Cursor + V0 + …
มุมมอง 1.9K2 หลายเดือนก่อน
AI is transforming the way we code, and it’s happening fast! In this video, I’ll walk you through the latest AI-powered tools like Cursor, V0, ChatGPT, Claude, and more. These tools have the potential to *drastically* speed up your coding process-whether you're debugging, writing code, or managing tasks. I’ll show you how to effectively use and combine them to enhance your productivity, tackle ...
Next Auth V5 | how to implement authentication with Drizzle + Google, Github, Resend, Passkeys Guide
มุมมอง 1.1K2 หลายเดือนก่อน
Next Auth V5 | how to implement authentication with Drizzle Google, Github, Resend, Passkeys Guide
The BEST Way of Doing Forms in Next.js (and all the other ways)
มุมมอง 6842 หลายเดือนก่อน
The BEST Way of Doing Forms in Next.js (and all the other ways)
How Next.js is becoming the standard for Web Development
มุมมอง 1812 หลายเดือนก่อน
How Next.js is becoming the standard for Web Development
Master Code Formatting Like a Genius | Prettier Tutorial VsCode Setup
มุมมอง 2063 หลายเดือนก่อน
Master Code Formatting Like a Genius | Prettier Tutorial VsCode Setup
Tailwind CSS Mistakes that 90% are doing
มุมมอง 1993 หลายเดือนก่อน
Tailwind CSS Mistakes that 90% are doing
Let’s end the discussion! "use client" vs "use server" Client or Server Component | Next.js
มุมมอง 1.1K3 หลายเดือนก่อน
Let’s end the discussion! "use client" vs "use server" Client or Server Component | Next.js
Implement Awesome Next.js 14 Internationalization (i18n) with App Router and next-intl
มุมมอง 6K3 หลายเดือนก่อน
Implement Awesome Next.js 14 Internationalization (i18n) with App Router and next-intl
The new CSS Nesting hits crazy | You don't need SCSS anymore
มุมมอง 8534 หลายเดือนก่อน
The new CSS Nesting hits crazy | You don't need SCSS anymore
The Only ShadCn Tutorial You Need… 2024
มุมมอง 3644 หลายเดือนก่อน
The Only ShadCn Tutorial You Need… 2024
Send Verification Messages / SMS with Twilio Service in Next.js / React Applications
มุมมอง 6554 หลายเดือนก่อน
Send Verification Messages / SMS with Twilio Service in Next.js / React Applications

ความคิดเห็น

  • @kritsana6170
    @kritsana6170 12 นาทีที่ผ่านมา

    Thank you for sharing.

  • @Niamudeen
    @Niamudeen 4 ชั่วโมงที่ผ่านมา

    Bro you just forced me to subscribe to your channel. 🤩

  • @XCanG
    @XCanG 8 ชั่วโมงที่ผ่านมา

    I was actually needed this, but for a different reason. I finished my projects and was reassigned to another one, where other developer already worked on it. By myself I don't work with Tailwind at all, but on that project only Tailwind is used, so I has to adapt. But I know nothing about it naming system, so it look almost alien for me (of course some stuff cross with CSS with exact names, but still writing it on my own without suggestions is hard).

  • @PHYOTHIHA-l2r
    @PHYOTHIHA-l2r 9 ชั่วโมงที่ผ่านมา

    eww what that bratha

  • @abubakarsadeeq2974
    @abubakarsadeeq2974 11 ชั่วโมงที่ผ่านมา

    You don't even use any Ai copilot 😂.wow!

    • @unknownguywholovespizza
      @unknownguywholovespizza 8 ชั่วโมงที่ผ่านมา

      What's so special about it? I don't use it either. You don't have to have it

  • @abubakarsadeeq2974
    @abubakarsadeeq2974 11 ชั่วโมงที่ผ่านมา

    You don't even use any of this Ai copilot, You are a real developer. 😂

  • @abubakarsadeeq2974
    @abubakarsadeeq2974 11 ชั่วโมงที่ผ่านมา

    You don't even use any of this Ai copilot, You are a real developer. 😂

  • @chess4964
    @chess4964 11 ชั่วโมงที่ผ่านมา

    6:20 not clear too zoomed in.

  • @dugtrioramen
    @dugtrioramen 12 ชั่วโมงที่ผ่านมา

    I want tailwind prettier that auto splits long lines. I tried one but it's a but iffy

  • @Creed-Odyssey
    @Creed-Odyssey 12 ชั่วโมงที่ผ่านมา

    Just fell in love with tailwind after years of vanilla css

  • @Hhong_1120
    @Hhong_1120 13 ชั่วโมงที่ผ่านมา

    Excellent Extensions , I take the first 2. Tailwind doc is excellent, helps me to open doc just in vs code, and the tips for enabling string are just some magic things

    • @tobitacklestech
      @tobitacklestech 12 ชั่วโมงที่ผ่านมา

      Thanks bro 😎

  • @mrshafee95
    @mrshafee95 13 ชั่วโมงที่ผ่านมา

    Go 😂😂😂😂 i love go❤

  • @nishanttrivedi8711
    @nishanttrivedi8711 14 ชั่วโมงที่ผ่านมา

    Amazing video, earned a subscriber!

    • @tobitacklestech
      @tobitacklestech 12 ชั่วโมงที่ผ่านมา

      Awesome, thank you!

  • @davidallred991
    @davidallred991 15 ชั่วโมงที่ผ่านมา

    For me, the most important tailwind plugin after intelliSense is Headwind, which auto sorts your tailwind properties on save. Like prettier is for code, Headwind is for tailwind. I often have some very large classNames especially on a production project that will have responsive styling for screen sizes. After a while and without trying, your brain will accustom to the sorting and you will be able to read and edit tailwind styles much faster. Without even realizing it, I started to notice i could have very long classNames and when I wanted to edit something I would just go right to where the property was without having to read the whole classname. The other added benefit is that I don't think about where to add new properties anymore within a classname. I just always add it to the end and then it will be sorted on save. While you can customize the sorting orders I have not messed with it at all and still use the default sorting order. TBH, I haven't looked into much detail on how it sorts or what it prioritizes by default. Like I said, with time it just became natural where to look for things without any thought or effort into it.

    • @unknownguywholovespizza
      @unknownguywholovespizza 8 ชั่วโมงที่ผ่านมา

      I recommend using prettier tailwind plugin because an extension might not be available in other environments

  • @rogercruz1547
    @rogercruz1547 16 ชั่วโมงที่ผ่านมา

    Golang called, they want their if (err) return [err, null]; back. Jokes aside, if golang had a "throw" to populate those it would be awesome but guess JS just got the hannah montana package (best of both worlds).

  • @refeals
    @refeals 18 ชั่วโมงที่ผ่านมา

    Pretty awesome recommendations

  • @rochardeliamareloi7577
    @rochardeliamareloi7577 18 ชั่วโมงที่ผ่านมา

    Thank you

  • @just_1_Benny
    @just_1_Benny 18 ชั่วโมงที่ผ่านมา

    another W Video 🙏🙏

    • @tobitacklestech
      @tobitacklestech 16 ชั่วโมงที่ผ่านมา

      More to come!

  • @JustInCarryYT
    @JustInCarryYT 18 ชั่วโมงที่ผ่านมา

    another tip i got for the Community 🐥 When using selectors with 1px for Example "h-[1px]" or "border-[1px]". In most cases, there are shorter ways to write this. For these Examples: "h-px" and just "border". ✌️

  • @JustInCarryYT
    @JustInCarryYT 19 ชั่วโมงที่ผ่านมา

    Oh great, thats just what i needed ⚡

  • @akoladebode-ajayi327
    @akoladebode-ajayi327 19 ชั่วโมงที่ผ่านมา

    Thanks sir

  • @akoladebode-ajayi327
    @akoladebode-ajayi327 19 ชั่วโมงที่ผ่านมา

    First to comment 😅

    • @JustInCarryYT
      @JustInCarryYT 19 ชั่วโมงที่ผ่านมา

      Ahh you beat me 😅

  • @a2n0H
    @a2n0H วันที่ผ่านมา

    And would you believe other languages already got over this? 😅

  • @alexanderiurovetski7980
    @alexanderiurovetski7980 วันที่ผ่านมา

    Try/catch is by far superior: it allows to focus on a normal flow and not to react to every possible error at every possible level. Imagine having a chain of 10-15 nested calls and error checking at each level just because at the deepest level something fails. This is when the code gets insane. And the example inn the beginning of the video with a separate try/catch to every call only shows a misunderstanding of the concept. Yes, I know that nothing is given for free: the try/catch mechanism is quite complex and eats a lot of resources. But it makes the code by far cleaner when used properly.

  • @baxiry.
    @baxiry. วันที่ผ่านมา

    i love it ❤

  • @The14Some1
    @The14Some1 วันที่ผ่านมา

    the [...] = operation is very computationally expensive if one knows how js works internally. I'd opt for something else as Effect for example.

  • @lucasae4140
    @lucasae4140 วันที่ผ่านมา

    ShadCN's carousel is built on top of embla carousel. So shadcn DOES support something like what was shown in the second example.

    • @tobitacklestech
      @tobitacklestech 16 ชั่วโมงที่ผ่านมา

      mb ✌🏼

  • @rudranarayanboitei6332
    @rudranarayanboitei6332 วันที่ผ่านมา

    How do you create the zoom effect? Are there any OBS plugins or other tools for it?

    • @tobitacklestech
      @tobitacklestech 16 ชั่วโมงที่ผ่านมา

      No i use screen studio ;)

  • @Abbatyya
    @Abbatyya วันที่ผ่านมา

    Stop saying "Bad Code" since it still works, just say "Old Code"

  • @bndrmrtn1859
    @bndrmrtn1859 2 วันที่ผ่านมา

    So, basically copying Go's error handling?

  • @eRiiiiiCc
    @eRiiiiiCc 2 วันที่ผ่านมา

    more bloat into the language, just stop.....

  • @omnikingomniking6412
    @omnikingomniking6412 2 วันที่ผ่านมา

    Awesome bro thanks👍

  • @manoelcamposdev
    @manoelcamposdev 2 วันที่ผ่านมา

    Looking forward to seeing this feature being released. Just awesome 🎉

  • @maikrolf9356
    @maikrolf9356 2 วันที่ผ่านมา

    nice video only i get crazy of so much stupid zooming so very annoying, would not watch again if this is going to be standaard

    • @tobitacklestech
      @tobitacklestech 2 วันที่ผ่านมา

      @@maikrolf9356 it is not, I’m sry look my newest videos :)

  • @fernceborcena
    @fernceborcena 2 วันที่ผ่านมา

    Copied from golang :)

    • @nathaaaaaa
      @nathaaaaaa 2 วันที่ผ่านมา

      That's just errors as values, a lot of languages use it

  • @KamuranDehliz
    @KamuranDehliz 3 วันที่ผ่านมา

    I like the nesting. It's easier to read.

  • @AniltonNeto
    @AniltonNeto 3 วันที่ผ่านมา

    Reminds me swift

  • @devDeecoded
    @devDeecoded 3 วันที่ผ่านมา

    please, if possible make a video or a short on how you are editing your video with this zoom in to focus effects

    • @tobitacklestech
      @tobitacklestech 2 วันที่ผ่านมา

      It’s done with screen studio ;)

  • @zxuiji
    @zxuiji 3 วันที่ผ่านมา

    So, uh, what was wrong with this? let res[2] = call(); if ( res[0] ) return res[0]; res = call2(res[1]); if ( res[0] ) return res[0]; ...

  • @ninecrowns7092
    @ninecrowns7092 3 วันที่ผ่านมา

    So instead of adding isLoading={true} to any of the button variants and having that handled automatically, you have to use a separate LoadingButton component? Not a fan of that.

  • @sabuein
    @sabuein 3 วันที่ผ่านมา

    Thank you.

  • @ericcartman2294
    @ericcartman2294 3 วันที่ผ่านมา

    Bro, we know you are a handsome human being, but I am sure people prefer to see more code and less faces. Thank you.

  • @johannesmariomeissner7262
    @johannesmariomeissner7262 3 วันที่ผ่านมา

    TBH I prefer when all of those 75 inputs live inside a single Input class that is configurable via props. That's how larger component libraries like Mantine or MUI do it, and in terms of code maintainability, it's much easier to deal with. Nonetheless, very cool that this exists!

    • @tobitacklestech
      @tobitacklestech 3 วันที่ผ่านมา

      But then you would have so much code that is not used which is slowing down your app

  • @AntonSarg-e5n
    @AntonSarg-e5n 3 วันที่ผ่านมา

    That's the reason why I use a Result object instead, but basically this new operator would do the same. Pretty neat

  • @PraveenKumar-b8q
    @PraveenKumar-b8q 4 วันที่ผ่านมา

    What a book❤❤

  • @EscherSketcher
    @EscherSketcher 4 วันที่ผ่านมา

    The “await-to-js” npm package does this. Or you can simply create your own version.

  • @whodoneitx2x
    @whodoneitx2x 4 วันที่ผ่านมา

    might-fail is a package that does this for now, quite well

  • @luffid3560
    @luffid3560 4 วันที่ผ่านมา

    Your content is fire bro

  • @aakxshjs
    @aakxshjs 4 วันที่ผ่านมา

    Isn't this part of typescript?

  • @eriknyk2k
    @eriknyk2k 4 วันที่ผ่านมา

    inspired by golang