【书评】通过实践学习 Next.js/React 网站建设

2 年 ago

科, 雅

1 minute

简要概述

「2023年，我想学习哪个新的JavaScript前端框架呢？」考虑到这一点，我认为许多人会把React作为备选之一。

这本书是为那些想要学习React的人而写的，更具体地说，是为那些从事网页制作工作并想要学习React的人而写的入门书籍?。

本课程是以实践为基础，通过制作一个HeadlessCMS博客（Next.js + microCMS）项目来逐步学习。

（网络设计工作包括使用HTML、CSS、jQuery制作静态网站以及WordPress等）预计。

我对“HTML、CSS、JavaScript的基础知识大致都了解”这样的人感觉不错。

我认为，反过来说，目前正在工作中使用React的人学习Next.js时会感到不够满足。

学习 Next.js

在介绍了按照这个顺序来学习是自然的学习路线后，建议说：”为什么不从学习Next.js开始呢？”

下面列举了与从Next.js开始学习React相关的三个优点。

SSGやSSRを手軽に試すことができる

对于这本书的政策，我坦率地认为很不错。

我在之前的工作中，在一家网站制作公司工作时，按照以下的自然学习路线图进行学习?

コンポーネント設計
StateやProps
主要なHooksの使い方
ReactでのCSS
create-react-appでアプリを作成

グローバル状態管理ツール（Reduxとか）
FirebaseやVercelにデプロイ

学习Next.js之前，似乎需要经过许多步骤才能大致了解。

在网页制作现场工作的人，如果计划将来使用头部无CMS进行实施，学习Next.js可以享受到组件设计、闭合的CSS范围和路由等方面的优点，而不需要过多使用环境设置、State、Props、Hooks和Redux等可能会遇到的问题，这给人留下了合理的印象。

最终，我们确实需要学会应对上述的“可能会使人绊倒的事情”…！

ルーティング、動的ルーティング
Next.js特有のコンポーネントの役割（Image, Link, Layout, etc）
getStaticProps, getStaticPaths

React

DOM, JSX, classはclassName使うなど、本書を進める上での基礎知識
Hooks（useState, useRef, useEffect）

microCMSで記事やAPIを作成する
etc

在我2022年阅读此书时，并没有提到AppRouter，但根据下载的数据对其进行了相应的处理。

我们更新了「Next.js 13 対応ガイド」。[2023年7月11日]
✅ 本书中如何使用Next.js 13
✅ 如何迁移到App Router
我们已经将这些内容整理在下载文件中，请您确认。

从书籍的网站（https://ebisu.com/next-react-website/）上提取

etc

由于以 Next.js + microCMS 为主题创建博客并学习的缘故，我们将忽略很多事情。

因此，我认为上面引用的是“不学习的事情”而不是“无法学习的事情”，这可能是这本书的优点吧。

在我工作的网页制作公司期间，我曾经在想着”想要用现代化的JS框架来做工作”，这个内容对我来说非常吸引人。

由于解释得很详细，即使是初次接触React的人也能够轻松地进行学习和通过实践创建博客，从而感受到乐趣。因此，我推荐这本书给那些想要学习React的网页设计公司的开发人员。

以下是一個書籍網站。