Remix is an amazing React framework that vastly simplifies the process of building fullstack React web apps.
With this crash course, you'll learn how Remix allows you to seamlessly blend frontend and backend code into each other. 
Besides crucial essentials like project setup, routing and styling you'll also learn how to fetch and submit data, and how to integrate backend code into your React application.

👉 If you want to learn more about this awesome React framework, you can explore my full course "Remix - The Practical Guide": https://acad.link/remix 
(a huge discount will be applied automatically).
👉 Learn more about React.js itself with my bestselling "React - The Complete Guide" course: https://acad.link/reactjs

Code attachments: https://github.com/academind/remix-practical-guide-course-resources/tree/main/Code/02%20Essentials

Join our Academind Community on Discord: https://academind.com/community

Check out all our other courses: https://academind.com/courses

----------

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram: https://www.instagram.com/academind_real
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!

----------

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Remix Crash Course 2023 (React Framework)

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

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Stop using defaultProps (React 18.3 preview)

React State Management is half of your React app so it is important for React developers to understand. In this full intermediate React tutorial, you will learn how to implement state management using industry best practices.

✏️ Jack Herrington created this course. He is a principal full stack engineer. Check out his channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

💻 Code!: https://github.com/jherr/fcc-state

⌨️ (0:00:00) Introduction
⌨️ (0:03:27) useState
⌨️ (0:18:37) useReducer
⌨️ (0:32:29) useMemo & useCallback
⌨️ (0:49:43) useEffect
⌨️ (1:05:59) useRef
⌨️ (1:13:53) Context and Custom Hooks
⌨️ (1:41:48) React Query & React Location
⌨️ (1:57:26) Zustand
⌨️ (2:06:11) Valtio
⌨️ (2:12:44) Jotai
⌨️ (2:20:51) Redux
⌨️ (2:37:56) The new use hook
⌨️ (2:44:26) Recommendations
⌨️ (2:46:07) Outroduction

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

React State Management – Intermediate JavaScript Course

Really hyped about all the new Vercel and Next.js updates, but I think it's important that we understand what they do and do NOT change. Server Components help you get data to the page for the first paint, not too much else

This one was chaotic to edit so make sure you give Mir some love ❤️ https://twitter.com/mirashif1

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

The Things NextJS Doesn't Do - Application Lifecycles Rant

So hyped for you Tanner. Tanstack Router is a HUGE release and it's going to change how we think about our routes forever.

Check out Tanstack Router: https://tanstack.com/router
Follow Tanner if you haven't for some reason: https://twitter.com/tannerlinsley

Huge shoutout Mir for killing it on this edit 🙏

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/t3dotgg
ALL THE COOLEST PEOPLE ARE IN MY DISCORD https://t3.gg/discord
ALL MY VIDEOS ARE POSTED EARLY ON PATREON https://www.patreon.com/t3dotgg

Everything else (instagram, tiktok, blog): https://t3.gg/links

RIP React Router?

### Twitch
Everything is built live on twitch
Twitch : https://bit.ly/3xhFO3E
Discord: discord.gg/ThePrimeagen
Spotify DevHour: https://open.spotify.com/show/4MLaDrQcQ5mi3rsnvWkwPt
### Editor
All my videos are edited by Flip.  Give him a follow!  https://twitter.com/flipmediaprod  He is also open to do more editing, so slide deeeeeeeeep into his dms.

Join this channel to get access to perks:
https://www.youtube.com/channel/UC8ENHE5xdFSwx71u3fDH5Xw/join

### Links
Linode: https://linode.com/prime
https://discord.gg/ThePrimeagen
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 https://bit.ly/Prime360 USE CODE PRIME360  

#vim #programming #softwareengineering

React Is This Fast???

useEffect is one of the greatest additions to React. It is so much nicer than using component lifecycle methods, but it comes with one huge problem. The API for useEffect sucks. Not only that, but having tons of useEffects in your components makes your code harder to parse and understand. This is why I try to minimize if not remove all useEffects from my components. This makes my code easier to read/write and makes sure all the ugliness of useEffect is hidden away in custom hooks.


🌎 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 - Introduction
00:35 - Project overview
01:23 - Hiding useEffect in custom hooks
05:00 - How not to use useEffect
08:24 - How to do fetching


#useEffect #WDS #ReactJS

Why I Don’t Use useEffect In My React Components

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified

Hangman is the perfect beginner React project since it is easy enough logic-wise, but still includes many complicated problems to solve. In this video I will show you how I would create a hangman game in React.


📚 Materials/References:

FREE React Hooks Course: https://courses.webdevsimplified.com/react-hooks-simplified
GitHub Code: https://github.com/WebDevSimplified/react-hangman
Regular Expression Video: https://youtu.be/rhzKDrUiJVk
Array Methods Video: https://youtu.be/R8rmfD9Y5-c


🌎 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 - Introduction
00:27 - Demo/Setup
01:48 - Planning
05:00 - HTML/JSX
26:12 - Drawing Component Logic
28:55 - Word Component Logic
30:03 - Keyboard Logic
38:25 - Win/Lose Logic


#React #WDS #TypeScript