<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          Next.js,一個非常簡潔的 React 應用的服務器端渲染框架

          時間:?2017-11-21閱讀:?2524標簽:?next

          ?背景

          Next.js 開源于 2016年的10月25日。開發 Next 的公司叫做 ZEIT

          Next.js 有一個提供穩定支持的組織,同時在開源世界也非常的活躍。Next 不會幾個月后就過時消失,而很有可能會一直存在下去。

          所以你可以看到 --有一大堆關于 react 應用服務器端渲染的問題在我們官網上提出,如:

          • 我為何要關注它? --我已經掌握創建高質量 React 應用的技巧了。

          問得好 - 我們應該隨時抱著開放的態度去學習新東西。記住,作為一位開發者意味著此生都將不斷地去學習。Next 將改善你作為一位開發者的生活。

          還有富有想像力的問題: “我為什么要去關注” 每一次新技術的誕生。如果是這樣的話,我們將會被無數的開發工具弄得頭昏腦脹。

          當 jQuery 問世時(它的易于使用成為了一場革命)—你問“為什么還要去關注?”,只要繼續使用 Vanilla JS 就可以了。但是你不得不承認它改善了幾乎所有的代碼庫和使我們的生活變得更簡單了一點。

          最后,創新終將會是贏家 - 為什么不做第一個吃螃蟹的人呢?

          Next 如何能改善你的生活

          • 使用簡單。所有關于 webpack, react 路由,react 和 react-dom 的設置都可以統統丟掉了。因為 所有設置都已經包含在里面,并且可以立即可用!

          • 代碼分離,開箱即用。

          • 初始只加載首頁,提升性能

          • 改善 SEO(搜索引擎優化)

          • 一切皆 Javascript (在這之前我們都聽過像 MongoDB 和 Meteor)。Meteor 是一個非常棒,很全面的框架,我甚至做過一個 Meteor 和 MongoDB 的項目。Next 是下一(雙關語)階段技術演化的產物。Next 擁用許多正確的編程思想(最重要的是 - 它足夠的簡單)。


          客戶端渲染和服務器渲染有什么區別?

          客戶端渲染 - 通常我們使用 React,你的瀏覽器會下載一個最小化的 HTML 頁面,然后用 JavaScript 來生成、填充內容。

          而在 服務器端渲染,在服務端已經生成好初始內容,所以你的瀏覽器下載的是一個完整的頁面,它的內容早已在里面。但內容的更新仍然還是需要瀏覽器來處理。

          服務器端渲染的不足

          • 在很多情況下,服務器渲染可以提升性能,但一些情況下卻會適得其反。

          • SSR(服務器端渲染) 會增加服務器的壓力,所以你的 HTTP 響應返回會花費更長一點的時間。如果你的服務器負載很重的話,花的時間將會更加長。

          • 你的 HTML 頁面大小將增加和花費更多的下載時間。對大多數的應用而言這點可以忽略不計,但如果你的 React 組件包含很長的數組或表格,那就不能忽視了。SSR(服務器端渲染) 通常會為你的應用提升性能, 但也不是絕對的。

          • 使用 SSR(服務器端渲染) 會增加你應用程序的復雜度,這意味著服務器應用在其他特性和改進上的時間將會更少。


          什么時候應該使用服務器端渲染?

          • 你需要在谷歌,DuckDuckGo,必應,雅虎和百度上做 SEO(搜索引擎優化)。

          • 你已經有一個運行中的 React 應用,需要最佳的性能和愿意為增加的服務器資源去付費。

          什么時候不應該使用服務器端渲染?

          • 你的 React 應用還沒完成:首先得讓它可以工作,這時不應該使用 Next。--但如果是從頭開始寫一個應用是完全沒問題的!

          • 只需要在谷歌上做 SEO(搜索引擎優化)。

          • 服務器資源短缺,或許是你的預算較低或你的應用只有少數人在使用。


          有什么可以替代服務器端渲染?

          1. 像平常一樣在客戶端渲染。 依靠 Googlebot 的 JavaScript 抓取功能作搜索引擎優化,和把你應用程序的關注點放在其他性能方面的提升。你的搜索引擎優化在百度,必應和雅虎上將會受到影響。

          2. prerender 是一個存儲你頁面緩存的服務。這將同時有助于 SEO 和 性能提升,它能保持你代碼的簡潔。但我沒有使用過這個服務,所以我無法保證它的效果如何。

          來源:https://medium.com/@wesharehoodies/next-js-react-server-side-rendering-done-right-f9700078a3b6


          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/143

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网