Here's a long tutorial on how to build Worlde with React, Tailwind, Vite, Vitest, and Zustand! Finished code: https://github.com/hswolff/reacdle/ Live demo: https://hswolff.github.io/reacdle/ The original Wordle game: https://www.powerlanguage.co.uk/wordle/ 0:00 Intro 1:58 Create git repo 2:46 Setup Vite 5:02 Setup Tailwind 8:52 Setup Vitest 17:34 All tooling setup! 18:00 Our word bank 20:32 Create word-utils.ts and tests 24:04 Create WordRow.tsx UI Component 34:58 The Core Algorithm 38:52 Core Algorithm Tests 43:05 Edge Cases for the algorithm 52:07 Render Correct Guess State in WordRow 1:00:56 Add Zustand for State Management 1:19:10 Support End of Game State 1:26:30 Tests for End Game State 1:34:33 Fix Rendering for Empty State 1:36:27 Refactor CalculateGuess into Store 1:44:13 Support Winning State 1:53:19 Support Global KeyDown Listener 2:07:56 Disallow Invalid Guesses - with tests 2:16:40 Show Answer in Modal 2:17:40 Create Keyboard UI 2:24:15 Make Keyboard Functional 2:29:53 Show Keyboard Letter State 2:38:19 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

Sorry for disappearing for 3 months 0:00 Intro 0:30 Burnout 1:16 Lost Focus 2:05 No More Fun 3:13 Slow Growth 4:30 Why Was I Doing This? 5:50 I took a break 7:00 What’s Changing 7:32 Sorry for disappearing! 8:19 Upcoming Announcement! 8:57 Wrap up https://twitter.com/hswolff

As weird as it sounds, it can be very hard to know when is the right time for you to leave your current job and find a new one. Over my career I've collected a few mottos that I let guide me to know if my time at my current job is coming to an end. I'm hoping these help you too. 0:00 The importance of knowing when to quit 1:09 5 Years at MongoDB! 1:42 First Reason: Bad Manager 2:59 Second Reason: You Are Not Growing 5:16 Third Reason: Company Not Growing 7:53 In Summary 8:38 Outro —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

The frontend landscape hasn't drastically changed in quite a few years. In fact...things have gotten somewhat boring nowadays. The code is old, stable, and secure. And you know what? It's pretty damn great. 0:00 What do I mean? 1:30 React 3:20 Vue 4:48 Ember 5:03 Angular 5:31 Svelte 7:41 SolidJS 9:16 JS Fatigue 9:48 Rust 10:35 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

Rust is killing JavaScript...in all the best possible ways. It's making all my favorite tools faster and I'll get to benefit - for free! I for one welcome our new Rust overlords. Links from the video My tweet: https://twitter.com/hswolff/status/1441220387778359305 Next.js Blog Post: https://nextjs.org/blog/next-11-1#adopting-rust-based-swc Parcel Blog Post: https://v2.parceljs.org/blog/beta3/ Deno: https://deno.land/ Rome blog post: https://rome.tools/blog/2021/09/21/rome-will-be-rewritten-in-rust Chrome blog post: https://security.googleblog.com/2021/09/an-update-on-memory-safety-in-chrome.html —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

It's not easy becoming a manager for the first time. Have a watch to learn what's the hardest part of becoming a manager. 0:00 Intro 0:37 Junior Developer 1:50 Senior Engineer 2:40 The Decision 3:14 Becoming a Manager 4:20 Different Success Metrics 5:16 Delayed Feedback 6:24 My advice to new managers 7:25 What do you prefer? 8:14 My preference 9:24 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

There's hundreds of thousands of articles online about what is TypeScript and how to learn TypeScript but I haven't seen that many articles ask the question, Should you use TypeScript? Like most complex questions the answer is frustratingly easy: it depends. However I figured I'd delve a little deeper into reasons why you might or might not want to use TypeScript. Plus I juggle in this video, so I'm pretty sure that makes it a much watch. 0:00 Intro 0:50 It depends! 1:30 Just Learning JavaScript 2:12 Small team 2:51 Faster without TypeScript 3:37 You Don't Want to 4:16 Type safety 4:33 Better Tooling 5:29 Backend engineers 6:13 Good for big teams 7:27 You want to! 7:35 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

The title should summarize what this video is all about. Next.js is pretty dang great. 0:00 Intro 0:58 Why isn't React a framework? 1:47 What would you expect from a framework? 2:16 What does Next.js provide out of the box? 3:01 My top 3 Next.js Framework features 3:13 Routing 4:25 Hybrid Rendering Strategies 5:23 Developer Experience 5:34 CSS Support 6:56 Fast Refresh 8:00 ESLint 8:21 TypeScript 9:25 No Config 10:07 Powerful Upgrades 11:15 What is Next.js missing? 11:30 Comprehensive data solution 12:30 Database Support 13:06 Authentication 14:06 Competition 14:16 create-react-app 15:21 Vite 16:03 Blitz.js 16:49 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

When Backbone.js first came out it was a revolution in the frontend ecosystem. It turned how people wrote frontend apps on its head by introducing something revolutionary to the browser. Something incredible called MVC. While it's no longer the newest framework its impact is still felt to this day. 0:00 Intro 1:27 Setting context 2:11 Using jQuery for apps 3:10 Using React for apps 3:53 Backbone introduced MVC to the web 4:43 What is MVC? 5:48 Backbone Model 6:24 Moving data into JavaScript 7:45 What a Backbone app looks like 10:36 underscore.js 11:25 Small source code 12:00 The limitations of Backbone.View 14:20 Replacing DOM content is bad 16:05 Why Angular got popular 16:55 Wrap-up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

For a long time I've thought about what it would be like to coach and mentor other people and thankfully Tim was able to share some of his experience and wisdom doing just that. So if you're curious to hear more about what it would be like to coach then this video is for you. 0:00 Intro 0:49 Meet Tim! 2:00 What is coaching? 5:10 Different ways of coaching 9:00 Should I coach? 12:10 Challenges to coaching 15:20 Coaching as a profession 17:25 How much can you earn? 20:00 Technical difficulties 20:37 Why you should coach 22:10 Outro —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

Ever been curious what it's like to freelance? Then you're in luck, because with the help of Tim Noetzel we're going to answer many, many, many of your questions. If you're interested in delving deeper check out Tim's Free Course that goes even deeper: https://bit.ly/3xZ02Mw 0:00 Intro 0:17 Meet Tim! 1:15 Free course on how to do freelance 2:26 What is freelancing? 4:30 Who typically freelances? 9:50 Two types of clients 11:42 How do you find clients? 14:05 Strategies for finding clients 17:17 Places to avoid finding clients 18:48 Higher quality job boards 19:18 Best job opportunities 20:34 LinkedIn Jobs 21:00 Local Slack Groups 24:50 What's life like as a freelancer? 27:00 Cons to freelance life 30:30 Tool reccommendations 31:43 Free free course! 32:57 Outro —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

SolidJS is a UI framework that recently hit a stable 1.0 release. It looks like React, it feels like React, it's faster than React...is it better than React? Let me spoil my video for you: it depends! Like all things...the devil is in the details. Watch the video to see why I think most of the time React is better, but there are times where SolidJS is better. https://www.solidjs.com/ 0:00 Intro 2:05 SolidJS Webpage 2:33 SolidJS Big Advantage 3:52 Different Enough to be worth it? 4:35 SolidJS Differences 5:40 Reactivity 7:04 Tradeoffs 8:25 Destructuring 10:30 Gotchyas 12:33 Conclusion 13:52 Change my mind! —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

Today we have a very special guest: Peter Piekarczyk is joining us to tell us all about ReScript! Or is it ReasonML? Or BuckleScript? I’m so confused and that’s why Peter’s joining us, to school us in the literal sense and tell us what the heck is going on with the land of ReScript! https://rescript-lang.org/ https://draftbit.com/jobs/senior-software-engineer https://draftbit.com https://twitter.com/peterpme 0:00 Welcome! 0:32 Peter from Draftbit 1:12 Why React Native? Why create Draftbit? 2:38 What is ReScript? 4:25 Null doesn’t exist 6:03 ppx are macros? 6:43 OCaml is wicked fast 7:23 How does ReScript get to the browser? 9:25 ReasonML or ReScript? What is it? 10:03 Use ReScript 12:30 Why not trust ReScript? 14:10 How did ReScript come about? 15:11 Summary of ReScript 16:14 Native Support with Melange 18:03 How ReScript Relates to JavaScript 18:43 Why did Peter choose ReScript? 20:00 Used ReScript as an experiment 22:00 Interopt ReScript with TypeScript 22:45 Exploring Elm 23:38 Cons of ReScript 26:30 ReScript Bindings? 28:20 Summary of cons 29:12 Pros with GraphQL and Relay 33:50 Wrap up —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

This week we're making the profile page show the incidents that you've created. It's a fun full stack task: - Add a database method to pull a user's incidents from the database - Expose the data in an API - Use that API to show the data on the page We're full stack developers now! 0:00 Intro 0:32 List incidents on profile page 8:18 Extract component with VSCode 10:03 Move component to new file with VSCode 12:14 Add ability to delete an Incident 15:14 Backend support for Delete 21:23 Debugging Delete functionality big 26:42 It finally works! —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/

Last week's video we created the form so you could submit a new incident to the app. However we had a big bug in it: we weren't saving WHO was creating the new incident. Well...I fixed it! Let me show you how. —— DISCORD: https://discord.gg/evSQXj2rxj VOTE ON VIDEOS: https://votey-uppy.vercel.app/ NEWSLETTER: https://hswolff.com/newsletter/ PATREON: https://www.patreon.com/hswolff TWITCH: https://twitch.tv/hswolff11 TWITTER: https://twitter.com/hswolff SITE: https://hswolff.com/