🚨 New course alert!
"React with TypeScript" by @ralex1993
- 13 Topics
- 120 Minutes of Video
- 10,775 Words of Text
- 11 Quizzes
- 3 Exercises
- 2 Projects
ui.dev/react-typescript/
💂♂️ New post: "Protected routes and authentication with React Router v5"
In this article, you'll learn how to create authenticated routes (routes that only certain users can access based on their auth status) using React Router v5.
ui.dev/react-router-v5-prote…
This is the first ever news letter that I open a music playlist for, and maximize my browser window just to read it in peace. Kudos to @uidotdev for great weekly content
🚨🚨🚨 Interested in what all the hype with @remix_run is about?
Join @ralex1993 as he dives into it LIVE including topics like caching, styling, authentication and cookies, nested routes, and more!
Starting 👉 now 👈.
piped.video/watch?v=Kwijy7be…
🗞 The newest issue of Bytes is hot off the press.
Svelte supports TypeScript, Vue 3 is almost here, and worthless JavaScript knowledge.
ui.dev/newsletters/bytes/6/
"Creating your own implementation of Array"
In this post you'll learn how to re-create the basic functionality of a JavaScript Array, enabling you to explore patterns and features of the JavaScript language in a creative way.
ui.dev/creating-your-own-arr…
🎮 New Post! "Introduction to the Web Gamepad API"
The Web Gamepad API gives you access to USB and Bluetooth gamepad devices that are connected to your computer in the browser. In this post you'll get an introduction to it as well as learn how to use it.
ui.dev/web-gamepad-api/
"modern" refers to the course content (suspense, server components, useEffectEvent, etc) – not the age of React itself.
Glad you like Vue and Svelte. Those are great too.
"React Router v5: Philosophy and Introduction"
In this post you'll learn the philosophy behind React Router v5 as well as get a gentle introduction on how to use it.
ui.dev/react-router-v5-philo…
📅 New Event (and it's a cool one)!
"How Forbidden Planet Cured My Imposter Syndrome" by @knitcodemonkey
Thursday November 12th, 12PM PDT
ui.dev/events/
We're excited to announce that @hswolff will be giving an Event tomorrow at 12PDT.
"The 1 Hour Crash Course to React Hooks"
If you're a subscriber, check your email for info. on how to access it.
ui.dev/events/
If you're a subscriber, check your email.
We just sent out a new "Interpreted" on the "Record and Tuple" proposal. This proposal introduces two new deeply immutable data structures in JavaScript and we think it's great.
Enjoy!
To get to know our friend @hswolff before the event, two of these options are true, one is a lie.
Reply with what you think is the lie.
1. He's helped neuter a cat
2. He was on the starting football team in high school
3. His first job was at the Apple store
🗞 Bytes: Cache rules everything around me
Apollo Client 3.0, Adobe releases React Spectrum ( validating my theory that every company has a project called Spectrum), and Regex is really cake.
ui.dev/newsletters/bytes/5
array needs to return an object with a length property that delegates to array.prototype.
Since we don't want length to be enumerable, we can create it with Object.defineProperty.
We can leverage the this keyword to figure out which instance invoked the method. For push, we need to add the element to the end of our "array" and then return the new length.
Now we need to implement push, pop, and filter. Since we want these to be shared across all instances of array, we're going to put them on array.prototype.
It’s a little weird to have an object with numerical keys (since that’s literally what an array is for), but it paints a good picture that arrays really are just fancy objects. With this in mind, we can take the first step for creating our array function.
We typically recommend this order
React
Hooks
TypeScript
TypeScript + React
I'd start in that order and skip lessons as necessary for stuff you already know.