Next.js: The React Framework - Tim Neutkens - Full Stack Europe 2019

[Music] there was some back noise hi i'm tim i work for zeit a client hosting company uh based out of san francisco but i'm actually from the netherlands and i work remotely uh as you might have heard from my accent anyway let's dive into what i'm going to talk about today which is next yes which is the react framework

here has used react before with still using it no one else is using next but you've probably used create react app before i would assume see a lot of knots okay it's something like create react app but not really it does a bit more so let's dive in and take a step back so generally when you start building web applications you need some kind of component system

especially if you're building websites or like really large applications you don't want to have five versions of the same button in your app right because you have to go through like if you make a starting change you have to change it in every place that you could think of and you just don't want that of course so react helps with this right you get components that render based on the input that you give it props basically

and react is sort of simple in terms of that if you never used react before i will take a step back first which is a basic react component is just a function in javascript that returns some html called jsx it's actually not really html but it's sort of similar at least it looks like html nice so to start building a react app

actually feels a lot like this where you have to put in all these tools that uh have to come together like webpack and babble and i don't know if you want to use typescript or uh for example you have to set up your compilation in the correct way you have to make sure that everything's optimized and it's just really hard to get it right and that's just to get started that's not even to go to production in reality it's gotten easier

but going to production is still really complex that is that because there's frameworks and other tools that help you with setting these things up so to solve this issue you need some kind of framework for react that can scale with your project because typically you want to control the complexity of what you're trying to achieve in some kind of way that makes sure that you're actually successful in shifting to production

and federal react is a really interesting position because it is very low level as in you only get the rendering layer and you don't get all the other tools that you need to go to production so it handles one thing really well but building the production react app is still complex so let's go into a kind of a story so you start building a static website maybe a marketing website for your company and as your project grows pages are

added so maybe you add in extra pages or you add in pages with different requirements which for example could be a dashboard or a uh your your your manager walks into the into your workspace and it's like hey i want to have an e-commerce part of the website now and you have to back it by some