2020-02-12, unlearn and relearn React

举报
Mark Chen 发表于 2020/02/12 13:48:13 2020/02/12
【摘要】 達到的效果是這樣

達到的效果是這樣


1581485816131735.png



1581490899931096.png




書上這段就帶出,接著要用 Next.js for dynamic solutions


1581490948596588.png




這個就像是打拳的起式,算是一般  npm 的基本功。

在空的資料夾開始作業 npm init,會出生一個  package.json

然後,npm install xxx yyy --save,會出生 node_modules及其子目錄,同時更新 package.json 的內容。

1581491028545891.png



按下來,我們有個最基本的HTML 檔案,其中有個 div,id 就是  app,內容是空的。

然後有個 js 檔案,運行的時候,在runtime 將內容寫到上述的 app ,地圖的做法和 chart 的做法也都是這樣。


這個基礎穩固了,才能以局部替換的方式推進到  next.js。



1581491029720877.png


【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。