My channel is all about JavaScript and React. Not only will you find content useful for React beginners, but I also released a number of videos focusing on the very foundations of React (check out my React Deep Dive series). While I currently focus mostly on JavaScript and React, I am planning to release videos featuring other technologies in the future, for example videos about Node.js, Python (Django framework) or C++. One thing that you might find useful is that all of my "new" videos include subtitles.
Great video! Could you perhaps create a tutorial on deploying a Django React App with AWS EC2 or direct me to a resource for that? I have found a tutorial for deploying a Django project with EC2, but I have my frontend in React separately like you.
Thank you, Philip. Your content is fantastic. It would be even better if you could make a video about the differences between incremental DOM and virtual DOM and their pros and cons
Great video! Very comprehensive material But at 10:40 you mentioned that two first <li> items will be unmounted because there will be new <li> inserted before the first one But neither type nor key have changed. Only children have changed. So I guess they won't be unmounted, but their props will be changed
Great video. A great way to show how react-query works under the hood. And obviously I'd like a second episode of this. Additionally, If I may, I think it'd be a very good idea to add TypeScript into consideration in the next video and adding proper types. Halfway through the video I was lost in all of those values and had to help myself with types. Using types and TypeScript adds a certain structure to how you look at your code. It can also help tremendously in the teaching capabilities of your next video.
Very neatly showed how everything works under the hood, great job! I'd really like a second part of this tutorial. But, if I may, I think it'll be a good idea to also take TypeScript into consideration in the next video. Halfway through the video I was lost in all of the values without types. Adding TypeScript in that kind of project adds a certain structure to your understanding of the building blocks and it improves the learning capabilities even more.
React on its own is just a JavaScript library. When you create a bundle, you end up with some JavaScript and CSS files. If you want to deploy a React application without any backend (server) code, you just need to find a place to host these static files. You can for example use Github pages. In this video, I deploy a more complicated application that includes Django backend, therefore I use a virtual private server (VPS) where I need to set up the databese, NGINX, etc.
Why are you not getting ts 7006 errors, Have you relaxed typescript rules, I am getting a lot of TS errors even for things like constructor() { this.queries = []; }
Great video ! Would you mind saying which programs you used to create this video? Specifically, the animations at 2:51 and the text animation as you add code in your IDE
Thank you! I created the segment starting at 2:51 by drawing the whole thing in a program and exporting several versions of the drawing with different hidden layers. I then added a simple fade-in and fade-out to make it look animated. You could also create this in almost any video editing program, since it consists only of text and simple shapes like rectangles and lines. Recently, I also came across the Remotion library, which allows you to create videos programmatically using React components. Even though I haven't used it yet, it looks very interesting. The text editor animations are created by simply by cutting the footage at particular times and adding a fade transition. Though it took quite a bit of work to make it look like this.
@@PhilipFabianek Are you planning to make a video on Design patterns in the future? I understood the explanation of Observer pattern through your video quite clearly.
