This is what I've been working on

[Music] Hey, what's going on guys? So, I know that some of you were a little worried by my last video, but as far as my health issues go, the vestibular migraines, the tonitis, and all that, I've been dealing with those issues for close to two decades now. And I'm actually doing better and and feeling healthier now than I have in in a long time. Uh the reason main reason I brought Dennis on board is because I've been uh kind of a one-man show since I started and it's just getting too much to juggle on my own. You know, there's a lot that goes on behind the scenes that you guys don't see even for like a 1-hour crash course. And I've known Dennis for years and I know he's talented. So, it just seemed like a good idea, good fit to try and grow Traversy Media because honestly, I feel like I myself have brought it as far as I can on my own, which is further than I ever imagined. You know, it still baffles me when I look at where I was at one point in my life um to where I am now. Anyway, the reason that the main reason I've been quiet lately is because I've been working on a new course to replace my React fronttoback course, which is like my my beginner to intermediate level React course. So, I just finished modern React from the beginning. It's a 25-hour course that focuses on both the fundamentals of React and how to use it in modern environments like React Router version 7 framework mode, tanstack query, um the mer stack. I also introduced TypeScript in this course which many people have been requesting for a while and I designed this course so that someone with no experience at all with React can start from scratch as long as you know JavaScript. Um but also developers with some experience can deepen their understanding of how React works in different real world setups. And I'll have a link for it in the description with a promo for just 15 bucks both my website and on Udemy. Um, I also spent more time going indepth on on key concepts like the component life cycle. We even touch on how React works under the hood. And instead of building, you know, random throwaway projects, each project has a specific learning purpose. For example, when we learn about the use ref hook, we build a simple timer app that uh lets you or shows you how to use the use ref hook to persist a timer ID across multiple rerenders without triggering a new re render each time. Um to learn about use effect, we build a crypto dash app that interacts with the coin gecko API and shows you pricing data with filters and sorting. Um we implement react router in the declarative mode which is kind of the traditional routing structure and we implement chartjs to show the price changes over time. In addition to using react router in declarative mode, we use the the new framework mode with SSR capabilities in a portfolio website called the friendly dev. And we start out by using JSON server for serving our our projects and we use markdown files with along with react markdown for the blog posts. But once we get the front end up and running, we then implement strappy which is a headless content management system. And this makes things more scalable, more like a real world project. And we create a product and and a post content type in the strappy admin area. We also use Cloudinary as our image hosting service. Um, we hook up a contact form with Formspree and we also keep the front end and backend decoupled. We deploy strappy to render.com and React to Versell. To show how the context API works, we build a shopping cart UI with a product and cart context so that we can access the cart from any component by using the use context hook. And we also use JSON server here. um to kind of mock up an API to serve the products. We build another classic from past React courses called GitHub Finder which interacts with the GitHub REST API to search and filter users and display their data. We also show show your recent searches and even follow and unfollow users. And the focus of this project is Tanstack query which handles all the data fetching, caching, and background updates. It's a powerful tool that replaces things like use effect and use state for API calls and gives you a much better dev experience when working with server state. And you'll also see how to refactor your components to make them leaner and more maintainable. This is something that we do throughout the entire course. And then the final project is a merstack app for sharing startup ideas and side projects. And in the front end, we focus on Tanstack router as well as using Tanstack query here. Um, and again, we we start out using JSON server, but then we move on to create our own back-end API with Node.js Express and MongoDB. And we also implement authentication using JSON web tokens. But unlike past courses where I would store a long live token in local storage, we use a combination of a short-lived access token just kept in state as well as a refresh token and an HTTP only cookie. So this this is a much more secure way of using JSON web tokens. And this part does get a bit advanced, but it's kind of a bonus with this course because it's really out of the scope of React. I just figured some people would like to to take it further and learn full stack. So, that's the gist of the course. There's some other projects in there. Um, if you want to learn React or just deepen your knowledge and do some fun projects, check the links in the description. As far as YouTube goes, Dennis and I are brainstorming some new content for you guys, including, of course, the the classic crash course format, as well as some new stuff. So stay tuned and I'll see you in the next