ReactJS

[Music] programming Throwdown episode 101 react.js with Guillermo Roush take it away Jason hey everybody we are here with the CEO vercell and the co-creator of neck JS Guillermo Roush how are you doing today excellent thanks for having me cool cool thanks for being here so I

think this is super super interesting the only thing I've talked a lot about on the show is is for people who aren't just getting into coding try to build something where you can interact with it and even better something where other people can interact with it you know that's the way you know the hardest part about getting into coding this is true if you're listening and you're a high school student college student or if you're you know coming to this from another profession um is just keeping motivated right and

the best way to stay motivated is to have something you can show someone and really the best way to do that is with the web um you know it's as someone who's rolled out you know desktop apps I can tell you it's a huge nightmare a little bit easier on mobile not that much um but on the web you know it's beautiful you could just uh you know reserve some space on AWS if you're a student it's free um you know put your put your site there and other people can interact with it right away and so you know we're here

with Google who is the creator of next JS which is a platform for basically making that whole process you know more beautiful and streamlined and so I think um you know I think it'd be great for the audience to just kind of get a bit of background on you know if someone comes to you not knowing anything about how how front end Dev Works how kind of can you sort of wrap that up for them yeah so that's a good start you know for opponent and back in their Canada two

divisions that we typically make when you think about how a website works right like front end being the part that your visitors and your users interact with and back end being the uh systems that support that front end that are typically more related to reading and writing from databases talking to other services talking to other apis Etc nextas is primarily concerned uh with the front end and react is primarily concerned with the front end um the big thing about react is when we

used to make websites in the past we didn't have good ways of kind of organizing them kind of having the abstractions for making them work in ways that were very cohesive so react came out of Facebook open source with this idea of websites and web applications are actually made out of components that is to me the big breakthrough that react has really come

up with is this idea that I I've called it in the past Lego blocks for adults all right because as you were saying like when you're starting to create something new um you need building blocks right uh and when you think about front-end development the building blocks that has emerged with with the rise of react is a component so anything that you can uh it's funny like the metaphor like anything you can build with Legos right like you've seen people build all kinds

of things right from sticking to blocks together to you know building uh amazing machines and I think of it that way with react as well because if you're just new to programming you can you know build a Blog so before we started because I was telling you that uh when when we tell people about learning to make a website with nexjs we point them to nexjs.org learn and that walks you through creating a Blog and that blog is built