Web Dev Simplified
Web Dev Simplified
  • Видео 690
  • Просмотров 139 643 044
I Recreated Shadcn’s Docs In 30 Minutes With This Amazing Tool
Building documentation for a library is one of the worst parts of any project. It is way more time consuming that you plan for and it always look terrible. That is until now. Starlight makes creating good looking docs incredibly easy so you can spend your precious time working on your actual project. In this video I go over what makes Starlight so cool and why you may want to give it a try on your next project.
📚 Materials/References:
My Blog: blog.webdevsimplified.com
Starlight Documentation: starlight.astro.build
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: www.patreon.com/WebDevSimplified
Twitter: DevSimplified
Discord: discord...
Просмотров: 21 882

Видео

How This Test Saved Kent’s Site
Просмотров 54 тыс.День назад
Testing is a difficult and time consuming process, but it doesn’t have to be. If you take advantage of implicit testing you can get the same level of test quality and coverage while writing significantly less tests. This is exactly what Kent C. Dodds has done on his Epic Web site since he has just one test that gives him pretty good test coverage. In this video I will explain what implicit test...
I Love This CSS Focus Hack
Просмотров 18 тыс.14 дней назад
The CSS :focus state is simple on the surface, but there is actually quite a lot going on behind the scenes. There are 3 total :focus states you can use in CSS and even a secret fourth state that make :focus much more complicated than it may first appear. In this video I go over everything you need to know about CSS :focus states. 📚 Materials/References: CSS :has Selector Video: ruclips.net/vid...
How To Make Beautiful Charts In Next.js
Просмотров 19 тыс.21 день назад
Building beautiful charts in React/Next.js is not easy, but in this video I will show you exactly how to build a robust and beautiful chart system with Next.js. 📚 Materials/References: Starting GitHub Code: github.com/WebDevSimplified/next-js-ecommerce-mvp-discount-codes Ending GitHub Code: github.com/WebDevSimplified/next-js-ecommerce-dashboard-charts Next.js Ecommerce Video: ruclips.net/video...
This Ancient CSS Feature Is Incredibly Useful
Просмотров 19 тыс.Месяц назад
CSS has been around for a long time, but we spend most of our time talking about the new amazing features coming to CSS like container queries, but sometimes the best CSS features are ones that have been there all along. Quantity queries have been a part of CSS for 15 years and they are one of the coolest CSS features that I have never heard of before. In this video I talk all about quantity qu...
How To Build A Next.js Coupon System Like A Senior Developer
Просмотров 28 тыс.Месяц назад
Building out an ecommerce site is difficult enough on its own, but creating a robust coupon system to go along with it just adds even more complexity. In this video I will show you have to built a complete advanced coupon code system on top of an ecommerce site that covers every scenario you could ever think of. 📚 Materials/References: Starting GitHub Code: github.com/WebDevSimplified/next-js-e...
Learn Drizzle In 60 Minutes
Просмотров 34 тыс.Месяц назад
Drizzle is a relatively new database ORM that aims to solve many of the problems with existing ORMs by being more flexible and performant. They have definitely accomplished their goals, but learning Drizzle can be quite overwhelming. In this crash course I will teach you everything you need to know about Drizzle to use it in your very own projects. 📚 Materials/References: Prisma Vs Drizzle Vide...
Full Stack Ecommerce Store With Admin Dashboard From Scratch - Next.js, Prisma, Stripe, Tailwind
Просмотров 121 тыс.Месяц назад
Join the Slack Developer Program for exclusive access to beta features, sandboxes, resources, and more: api.slack.com/developer-program?AMER_US_EN_Q1_SLKAW_Developer_Program_Web_Dev_Simplified& Next.js Simplified Course: reactsimplified.com/#next-js-course Creating an ecommerce site is not easy. There are so many different things that go into even a simple ecommerce site from an admin dashboard...
Will Devin AI Take Your Job?
Просмотров 240 тыс.Месяц назад
Devin AI is a quite impressive AI that claims to work just like a software engineer. It can read documentation, use the web, write code in an editor, execute terminal commands, and much more. With all this capability many people are worried that Devin will replace the need for software developers, but this couldn’t be further from the truth. In this video I break down exact what Devin is, what ...
Is Drizzle Really Better Than Prisma?
Просмотров 64 тыс.2 месяца назад
Prisma has been one of the most popular TypeScript first database ORMs for the last few years, but recently Drizzle has grown in popularity due to its customization, speed, and ease of use. In this video I will compare everything about Prisma and Drizzle so you will know once and for all which database ORM is best for your project. 📚 Materials/References: Prisma Crash Course Video: ruclips.net/...
State Managers Are Making Your Code Worse In React
Просмотров 140 тыс.2 месяца назад
One of the first things most people do when creating a new React application is install a state management library. This is something that used to be necessary to create a React application, but with the improvements to React and the tooling around React state managers are really not needed for most applications. 📚 Materials/References: Next.js Ecommerce Project Video: Coming Soon 🌎 Find Me Her...
NEW React 19 Changes Are Amazing!
Просмотров 166 тыс.2 месяца назад
FREE React Hooks Simplified Course: courses.webdevsimplified.com/react-hooks-simplified/?XY6ESEo It has been quite awhile since React 18 and there have been a ton of experimental features added to React since then. Luckily, React is finally getting ready to release these features as stable with version 19 coming sometime this year. In this video I will share with you everything you need to know...
10 Tailwind Classes I Wish I Knew Earlier
Просмотров 152 тыс.2 месяца назад
Tailwind has thousands of classes, but 99% of them are just one-to-one mappings to CSS. There are a few classes, though, that go beyond just mapping directly to CSS and these classes are incredible for writing high quality clean code. In this video I am going to share the 10 Tailwind classes I wish I knew earlier since they make writing Tailwind code so much easier. 📚 Materials/References: RUcl...
8 NEW JavaScript 2024 Features
Просмотров 143 тыс.3 месяца назад
8 NEW JavaScript 2024 Features
NEW Next.js 14 Course Announcement!
Просмотров 34 тыс.3 месяца назад
NEW Next.js 14 Course Announcement!
How To Actually Get Hired In 2024
Просмотров 186 тыс.3 месяца назад
How To Actually Get Hired In 2024
React Server Components Change Everything
Просмотров 184 тыс.3 месяца назад
React Server Components Change Everything
The Ultimate Web Developer Roadmap For 2024
Просмотров 228 тыс.4 месяца назад
The Ultimate Web Developer Roadmap For 2024
You Are Doing New Years Wrong
Просмотров 19 тыс.4 месяца назад
You Are Doing New Years Wrong
Learn Next.js Parallel Routes In 16 Minutes
Просмотров 106 тыс.4 месяца назад
Learn Next.js Parallel Routes In 16 Minutes
Learn TypeScript Generics In 13 Minutes
Просмотров 200 тыс.4 месяца назад
Learn TypeScript Generics In 13 Minutes
Type Predicates Solve This Common TypeScript Error
Просмотров 44 тыс.4 месяца назад
Type Predicates Solve This Common TypeScript Error
Facebook Did It Again
Просмотров 400 тыс.5 месяцев назад
Facebook Did It Again
20+ Must Know Array Methods That Almost Nobody Knows
Просмотров 87 тыс.5 месяцев назад
20 Must Know Array Methods That Almost Nobody Knows
I Cannot Believe TypeScript Recommends You Do This!
Просмотров 157 тыс.5 месяцев назад
I Cannot Believe TypeScript Recommends You Do This!
WTF Do These Even Mean
Просмотров 71 тыс.5 месяцев назад
WTF Do These Even Mean
How Is This Code Safe?
Просмотров 30 тыс.6 месяцев назад
How Is This Code Safe?
This Is One Of My Favorite TypeScript Features
Просмотров 129 тыс.6 месяцев назад
This Is One Of My Favorite TypeScript Features
Why Signals Are Better Than React Hooks
Просмотров 445 тыс.6 месяцев назад
Why Signals Are Better Than React Hooks
Did Josh Make A Mistake?
Просмотров 142 тыс.6 месяцев назад
Did Josh Make A Mistake?

Комментарии

  • @user-lg2rk9vo8c
    @user-lg2rk9vo8c Минуту назад

    Test 1

  • @user-lg2rk9vo8c
    @user-lg2rk9vo8c 2 минуты назад

    Test 1

  • @user-lg2rk9vo8c
    @user-lg2rk9vo8c 13 минут назад

    This is a test comment

  • @joannagoofit7253
    @joannagoofit7253 Час назад

    thanks for your movies. I used to watch them during my bootcamp, when i wanted to become Dev. And I still watch them as they are useful at work :)

  • @danielpardo7019
    @danielpardo7019 3 часа назад

    Excellent tutorial and content domain! ty

  • @erkinjonholikov3707
    @erkinjonholikov3707 4 часа назад

    Where you take small image for every original image???

  • @usage-rb8pt
    @usage-rb8pt 4 часа назад

    Really good explanation !!

  • @SensoryExplorer
    @SensoryExplorer 5 часов назад

    And no words about relations between models and how to do it in practice with requests, sad

  • @AmyGracie
    @AmyGracie 6 часов назад

    So i can look for a job with just knowledge of HTML and CSS and very little knowledge of Java script?? Kyle, the thing is, i took a step back from JS, because i felt like i needed to do projects to perfect html and css So i don't know I honestly want/need a mentor

  • @AmyGracie
    @AmyGracie 6 часов назад

    Can i get a job with just html and css

  • @AmyGracie
    @AmyGracie 6 часов назад

    What languages did you know when you applied for your first job 😅

  • @atleast_me
    @atleast_me 6 часов назад

    You are one of the most talented developers I have seen. React, Next, and Css as well, Cool.

  • @FrankUnderwoood
    @FrankUnderwoood 6 часов назад

    This is the best MVC explanation I've ever seen! I'm new to MVC because of PHP and this was incredibly helpful. Thanks Kyle! 😃

  • @nandyvivek2945
    @nandyvivek2945 7 часов назад

    Markdown viewer.. front-end = reactjs, backend=nodejs, mongodb.. can you do this and explain how it's works

  • @BalaSubramanian-fl1fl
    @BalaSubramanian-fl1fl 8 часов назад

    Amazing Explanation

  • @liskookmanoban6023
    @liskookmanoban6023 8 часов назад

    Thank you sir

  • @rohanroy9818
    @rohanroy9818 9 часов назад

    Awesome

  • @JesseGilbride
    @JesseGilbride 10 часов назад

    I'm lucky I got started years ago and only needing to know general HTML/CSS/JS. I really think, though, it's all about fundamentals and problem solving. As a senior dev now, those are the things I lean on a lot, plus curiosity and collaboration.

  • @BlueHat1
    @BlueHat1 16 часов назад

    I'm really in awe of how easy to understand and clear you made this topic. What an incredible explanation! This is one of your best videos :)

  • @jimmytan6543
    @jimmytan6543 19 часов назад

    Thank you! Will there be any new video based on this app?

  • @PaulKHeld
    @PaulKHeld 20 часов назад

    Or you could just use nextra as shadcn does

  • @adrianlee3635
    @adrianlee3635 21 час назад

    Got a question...my RUclips progress bar when I move the red dot the whole full screen moves along, I don't like that I want the progress bar to show just a thumbnail preview as I scroll horizontally..Do you know where to set it in RUclips?

  • @__w41k3r
    @__w41k3r День назад

    That's a damn good explanation, thanks❤

  • @CrystalButterfly_Sadhanad
    @CrystalButterfly_Sadhanad День назад

    I am a beginner for using react. Your explanation helps me a lot.

  • @Ms.LikaDev
    @Ms.LikaDev День назад

    Thanks!

  • @maryyanes4347
    @maryyanes4347 День назад

    need to use json to return, for example. the last 11 characters of a url, what would the syntax look like?

  • @poluravali8384
    @poluravali8384 День назад

    You look handsome btw..just saw you on thumbnail and felt like clicking the video😂

  • @YtResolver
    @YtResolver День назад

    Can you provide the source code.

  • @UmarJAN-bz2nq
    @UmarJAN-bz2nq День назад

    Thankyou brother for solution! I face this Error many time.

  • @marna_li
    @marna_li День назад

    This should actually be obvious. The reason why many don't want to write code is that they think of explicit testing - and sometimes coverage. Just having some code testing something is better than testing all the details. Unless perhaps you are dealing with a complex API consumed by others and you are dependant on the data returned.

  • @caceresjuan
    @caceresjuan День назад

    really good video man!

  • @goranqaqnass5867
    @goranqaqnass5867 День назад

    thanks amazing!

  • @ihelpdogs
    @ihelpdogs День назад

    Watching this makes me feel like I just came from a trailer park family reunion. This child, that child, your mothers sisters siblings parents only child.... oy.

  • @phransixkaylor
    @phransixkaylor День назад

    I still can't believe how simplify this flexbox wahala, to a very easy and simple form. Thank you so much for this. For this kind of tutorial, one needs to pay but you decided to give it up for free. God bless you. You just gained a new subscriber.

  • @leulfanuel3550
    @leulfanuel3550 День назад

    Thanks for this amazing content

  • @davideoreglio5232
    @davideoreglio5232 День назад

    does this work with enums instead of literal values?

  • @user-lq6xm4uu3n
    @user-lq6xm4uu3n День назад

    Just use conditional operator.

  • @idoschacham6276
    @idoschacham6276 День назад

    Sure, this test can catch rudimentary issues. However, if Kent's homepage loads an HTML page with no content and no errors then the test will pass, even though his website is broken.

  • @abdsha777
    @abdsha777 День назад

    This is 🔥🔥🔥🔥

  • @Gwgitu77
    @Gwgitu77 День назад

    Thanks man

  • @meghagoel9108
    @meghagoel9108 День назад

    Got introduced to REST API!

  • @bipinnamburu9820
    @bipinnamburu9820 День назад

    Hey,why do we need to store previous books initially while just fetching all the books according to the string?

  • @afkpavi
    @afkpavi День назад

    This is unnecessarily complicated for no reason. There are easier, efficient and better ways to create a carousel

  • @shreyas12321
    @shreyas12321 День назад

    Cool thumbnail. That was the exact emotions I was going through before seeing this video :) Thank you for the video

  • @betagroobox
    @betagroobox День назад

    The software industry is constantly reinventing itself with new paradigms that after 2 to 5 years fall back to the old roots. Every single time

  • @adyreacts5976
    @adyreacts5976 День назад

    Appreciate your granularity, you did not even skip a damn skeleton. Thanks Kyle. A host of topics covered <3

  • @chattycrochet
    @chattycrochet День назад

    This was simply explained, thank you so much! Also your voice lowkey sounds like Fred Rogers'. Nice.

  • @Edupucheta
    @Edupucheta День назад

    I love you kile but this is impossible to follow

  • @christophermarshall3702
    @christophermarshall3702 День назад

    For anyone attempting this from today onwards there seems to be an issue wen referring to the File in the _actions/product file. If you get an error saying File not defined simply change the zod.instanceof(File to zod.instanceof(Blob anf everythign will start working

  • @anilsuyal
    @anilsuyal День назад

    Wow! what a straightforwad amazing explanation to useRef. I was tired understanding it from lot of videos and docuementation, but understood only because of you. thank you sir