Seriously, objects are not for everything.

Huge s/o Idez as always!!!

Follow me on...
Twitch: https://twitch.tv/theo
Twitter: https://twitter.com/t3dotgg
Instagram: https://instagram.com/fakiebigfoot
Everywhere else: https://t3.gg/links

Stop Using Javascript Objects

Highlight: https://app.highlight.run/?promo=WEBDEVSIMPLIFIED
Coupon Code: WEBDEVSIMPLIFIED (This should be automatically filled in as you go through the signup process)

Todo lists are boring and pretty limited so in this video I am going to show you how to build a more advanced project that covers all the features of a todo list while also adding tons of additional features like categories, markdown support, filter, etc. This is a great intermediate to advanced project.


📚 Materials/References:

GitHub Code: https://github.com/WebDevSimplified/react-note-taking-app
React Router Video: https://youtu.be/Ul3y1LXxzdU
React Router Article: https://blog.webdevsimplified.com/2022-07/react-router
React Multiselect Video: https://youtu.be/bAJlYgeovlg


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:00:30 - Demo
00:01:10 - Setup
00:02:20 - Routing
00:05:38 - New Note Form JSX
00:13:18 - New Note Form Functionality
00:19:19 - useLocalStorageHook
00:24:40 - Note Creation Logic
00:28:53 - Tag Creation Logic
00:33:37 - Note List Page
00:50:20 - Note Layout Wrapper
00:53:45 - Note Show Page
00:58:10 - Note Edit Page
01:02:42 - Delete Note Logic
01:04:35 - Edit/Delete Tags Modal


#React #WDS #TypeScript

The Perfect Advanced React/TypeScript Project - Markdown Supported Note Taking With Categories

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.mattpocock.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Using EXTENDS to constrain generics - Advanced TypeScript

This represents the last couple months of twitches work building up and comparing the servers.  I was completely shocked by the results of all this.  HOW COULD GO DO ME LIKE THIS???

GET THE HELL IN THE START UP ALREADY
Discord for the degens
Twitch for the alpha chads

JS Sucks?  Yes it does, it sucks so much that I made a hoodie (i only made 100 of them, so supply limited)
https://shop.theprimeagen.tv

### The Project
All three videos are on yt and the repository is https://github.com/ThePrimeagen/tyrone-biggums

### Support
If you wish to support, please consider sponsoring me on Github, or giving me that SWEET twitch sub!

They have been tagged so if you are curious at the testing commit, check it :)

### Editor
All my videos are edited by Flip.  Give him a follow!  https://twitter.com/88thpl  He is also open to do more editing, so slide deeeeeeeeep into his dms.

### Links
Linode: https://linode.com/prime
Discord: https://discord.gg/3ujcVMe
Twitch: https://twitch.tv/ThePrimeagen
Insta: https://instagram.com/ThePrimeagen
Twitter: https://twitter.com/ThePrimeagen
VimRC & i3: https://github.com/ThePrimeagen/.dotfiles
Keyboard (15% off, I don't earn commission): https://bit.ly/primeagen-adv2 

#vim #golang #rustlang

Go is faster than Rust??!  Go vs Rust vs TypeScript Servers (as a scientist)

Vuetify 3 and Nuxt.js 3 are out! But how do you combine it? Is it worth it? In this video I explore adding these two technologies together, and the pros and cons of it!

👉Check out my last videoon getting started with Vuetify 3
https://youtu.be/qPf7ZUymlN8

👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech

👉 Need some help with a project,  level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!
https://mentorcruise.com/mentor/erikhanchett/?preselect=lite

Links
https://github.com/CodyBontecou/nuxt3-and-vuetify
https://github.com/BayBreezy/nuxt3-vuetify3-starter
https://github.com/nuxt/framework/issues/8825

Vuetify 3 + Nuxt 3 : Vue.js Will Never Be The Same

TypeScript enums are not great. In almost all cases, I use an 'as const' with a sprinkling of type magic to express them.

Become a TypeScript Wizard with Matt's TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Enums considered harmful

Building LOOSE AUTOCOMPLETE with TypeScript - Advanced TypeScript

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Do the challenge!

https://github.com/type-challenges/type-challenges/blob/main/questions/00004-easy-pick/README.md