The latest articles on Forem by Ayomide Oluwatola (@mikeya-yo). https://forem.com/mikeya-yo https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1682605%2Fbd6c0272-138c-4821-871a-70d9e389fb1b.png https://forem.com/mikeya-yo en Ayomide Oluwatola Fri, 28 Jun 2024 09:39:13 +0000 https://forem.com/mikeya-yo/nextjs-vs-reactjs-what-you-need-to-know-319k https://forem.com/mikeya-yo/nextjs-vs-reactjs-what-you-need-to-know-319k <p>React and NextJS are tools becoming more popular this days, with a lot of similarities, and people often ask what are the diffences between this two and which one should i use?</p> <p>Before we can talk about the differences between this two we need to first understand what exactly they are.</p> <h2> React </h2> <p>React is a frontend library for building user interfaces with JavaScript and JSX. React works based on components, which are JavaScript functions that return JSX.<br> React also makes use of the Virtual DOM, which uses state management and only re-renders components that changes instead of the whole DOM.<br> React also provides us with hooks, such as useState and more which are used to basically to control state changes and side effects.</p> <h2> NextJS </h2> <p>Next.js on the other hand isn't a library, but a React framework, NextJS uses React but only as a framework of React. Next.js offer's a lot of additional features to React such as server side rendering, static optimization e.t.c. <br> Next.js also allows you to build a complete full stack project with it's API routes</p> <h2> Major Differences </h2> <h3> React </h3> <ul> <li><p>React is a JavaScript Library</p></li> <li><p>In React all JavaScript Code is loaded by the browser</p></li> <li><p>React is developed by Meta</p></li> <li><p>You can only build frontend user interfaces with React</p></li> </ul> <h3> Next.js </h3> <ul> <li><p>Next.js is a React framework</p></li> <li><p>Next.js supports server side rendering, meaning not all JavaScript code is loaded by the browser</p></li> <li><p>Next.js is developed by Vercel</p></li> <li><p>Next.js allows you to build a complete full stack, thanks to it's API routes</p></li> </ul> <h2> Conclusion </h2> <p>Use React if you want to build a simple web interface, that has a continous life state changing.<br> But for Larger applications requiring complex backends, use Next.js to offer server side rendering and all in one full stack capabilities.</p> <p><em>Note: For tech internship's you can visit <a href="https://hng.tech/internship">hng.tech/internship</a> or Jobs at <a href="https://hng.tech/hire">hng.tech/hire</a></em></p> javascript webdev react nextjs