React.js vs. Next.js
Dinku, Zerihun (2022)
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2022052411442
https://urn.fi/URN:NBN:fi:amk-2022052411442
Tiivistelmä
React.js and Next.js are among the JavaScript frameworks for building web applications. This thesis compares them in popularity, availability of documentation, and performance. Through a literature review in the theory part, the thesis will show the pros and cons of using each, thereby giving a starting point in decision making on choosing the proper framework based on the scale and intended purpose of the application.
Furthermore, this thesis analyzes the popularity and availability of documentation of the frameworks. Data from GitHub, Stackoverflow, NPM trends, and Google trends were analyzed to see their popularity. The materials, manuals, and tutorials provided by the official React.js and Next.js websites provide adequate documentation for both frameworks.
This paper comes with two similar applications made by React.js and Next.js for performance comparison. Lighthouse performance metrics from Google Chrome were used to measure the performance of each framework.
In conclusion, React.js outperformed Next.js based on the comparison criteria. Despite React.js popularity and better performance, Next.js offers server-side rendering that makes fast initial loading possible and improves the user experience. Overall, developing large-scale applications and conducting extensive concurrent user load testing should be performed to reach a more sensible deduction.
Furthermore, this thesis analyzes the popularity and availability of documentation of the frameworks. Data from GitHub, Stackoverflow, NPM trends, and Google trends were analyzed to see their popularity. The materials, manuals, and tutorials provided by the official React.js and Next.js websites provide adequate documentation for both frameworks.
This paper comes with two similar applications made by React.js and Next.js for performance comparison. Lighthouse performance metrics from Google Chrome were used to measure the performance of each framework.
In conclusion, React.js outperformed Next.js based on the comparison criteria. Despite React.js popularity and better performance, Next.js offers server-side rendering that makes fast initial loading possible and improves the user experience. Overall, developing large-scale applications and conducting extensive concurrent user load testing should be performed to reach a more sensible deduction.