Next.js 3.0 – Vercel
We are very excited excited to announce the stable release of Next.js 3.0. Ever since our beta announcement, we have been using it to power vercel.com and have received lots of feedback and contributions from our community. Let’s walk through what’s been improved and what’s altogether new, or fetch the latest version from npm! New to Next.js? Next.js is a zero-configuration, single-command toolcha
Add ReactDOMNodeStream, adding streaming rendering. by aickin · Pull Request #10024 · facebook/react
This PR builds on @tomocchino & @sebmarkbage's work on the server renderer in React 16, exposing the server renderer as a Node.js Readable Stream. This allows folks to pipe a renderer out to the network, and it's a fairly common request of folks using SSR. The actual code part of it is pretty small, as the existing read() method of the server renderer in React 16 is already able to do partial/asyn
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント
React/Redux/Node.jsのSSR/SPAを速くする6つのチューニングポイント：大規模ブログサイト表示速度改善 大解剖（終）（1/3 ページ） 2004年から続くブログサービス「アメブロ」が2016年9月にシステムをリニューアル。本連載では、そこで取り入れた主要な技術や、その効果を紹介していく。今回は、React/Redux/Node.jsを使ったIsomorphic JavaScript特有のパフォーマンスチューニング手法や実際にあった問題および、その解決方法について。 2004年から続くブログサービスである「アメブロ」は、2016年9月にシステムをリニューアルしました。本連載「大規模ブログサイト表示速度改善 大解剖」では、そこで取り入れた主要な技術や、その効果を紹介しています。 アメブロのリニューアルでは、React/Reduxを採用し、サーバサイドとフロントエンド両方での
How Streaming Can Supercharge React - Sasha Aickin aka @xander76 at ReactEurope 2017
React’s server-side rendering speeds up page load times, but it’s far from the only performance boost we can get on the server. In this talk, I’ll discuss how exploiting streaming and parallel processing on the server and browser can get us faster time to first byte, faster time to first paint, and faster time to full interactivity.
ReactでSSR(サーバサイドレンダリング)している話 - Qiita
この記事はAkatsuki Advent Calendar 2016の7日目の記事です。 こんにちは、 @shimpeiws です。 アカツキのライブエクスペリエンス事業部で、Webエンジニアをしています。 今日は最近開発しているプロダクト、Wowful(現在β公開中)のアーキテクチャについて書きます。 ※ 今回の記事は以前発表した 2つのスライドの増補改訂版のポジションです。 サーバサイドレンダリング、してますか? BFFにかける期待 Wowfulのサービス面の特徴と技術的な要求 Wowfulはサービスとして以下のような特徴を持っており、 これらの要求を解決できる技術・アーキテクチャの選定を行う必要がありました。 まずはWeb主導で展開する BtoCのサービス 利用ユーザはスマートフォンが多数になる予想 検索からの流入を主な導線として想定 トラフィックが多いページのユーザインタラクション
ReactJS SSR Profiling and Caching
IntroductionAt Walmart, we’ve been busy migrating our eCommerce sites to use ReactJS. With its declarative and component-based approach to creating interactive UIs, our developers have been responding very positively to this adoption. Since our sites are mainly for eCommerce, SEO is an important requirement, which means returning HTML from the server. With built-in server side rendering (SSR), Rea
Using Electrode to Improve React Server Side Render Performance By Up To 70%
We built Electrode, the react/node.js application platform that powers walmart.com with several goals in mind, including ease of use, re-usability of components across applications and, most importantly, performance. We use server side rendering for almost all of our applications for two reasons: Improved performance for the customerBetter for SEOIn our tests, however, we found that React’s render
Hastening React SSR with component memoization and templatization
Hastening React SSR with component memoization and templatization: React is a best-of-breed UI component framework allowing WalmartLabs to build higher level components that can be shared and reused across pages and apps. In this presentation, Max Najim and Naga Malepati from WalmartLabs will peel through the React codebase to add a component caching/memoization optimization. The will use a requir
Next 3.0 Preview: Static Exports and Dynamic Imports – Vercel
On the heels of our announcement of free static deployments earlier today, we are excited to introduce a beta release of the upcoming Next.js 3.0, featuring next export, dynamic components and various bugfixes. Next.js allows you to write React applications with server-rendering, automatic code-splitting, built-in component CSS with one command. To get started, populate pages/my-route.js directory
Next.js 2.0 – Vercel
More than 3.1 million developers read our announcement post of Next.js. More than 110 contributors have submitted patches, examples or improved our documentation. Over 10,000 developers have starred us on GitHub. Today, we are proud to introduce Next 2.0 to the world. What follows is a quick summary of every new feature and improvement we have made. React Made Easy and SimpleNext.js is a very slim
アメブロ 2016: 実録、アメブロリニューアル275日 ~ Webパフォーマンス編 ~
Inside Frontend #1での発表内容です。 - [アメブロ2016 ~ React/ReduxでつくるIsomorphic web app ~](https://developers.cyberagent.co.jp/blog/archives/636/) - [アメブロ2016 ~ Isomorphic JavaScriptの詳しい話](https://developers.cyberagent.co.jp/blog/archives/3513/) - [アメブロの大規模システム刷新と それを支えるSpring](https://www.slideshare.net/nin2hanzo/spring-69237035) - [アメブロ2016：インフラ編 〜大規模リニューアルの裏側〜](https://developers.cyberagent.co.jp/blog/arch
会社のサーバサイドエンジニアにReactとかReduxのことを説明する資料 - Qiita
筆者が、会社のサーバサイド(以下SS)エンジニア(Rails)に社内実績のあまりないReactとかReduxのことを説明する資料です。 この資料の方針 多少 嘘 を教えてでもとりあえずわかった気になってもらう 概念の解説にフォーカスする (2より) 具体的なコードを記載しない (2より) 出来るだけ図解する 主観/偏見に満ちている可能性をきにしない 書いてないこと ReactやReduxにまつわる歴史・経緯・なぜ選ぶのか virtual dom Flux 具体的なコーディング react-reduxの細かいこと/詳しいこと 真面目に勉強するひとは他の記事も必ず読んで下さい。 （一応、参考文献とかは貼っていくつもり 説明すること Reactの役割、用語 Reduxの役割、用語 ReactとReduxの連携 Reactは テンプレートエンジン + α です。 (叱られるのを覚悟 Reactの機
WenTo Services - Perfekte Handwerksarbeit - garantiert jedes Mal!
BENÖTIGEN SIE HANDWERKER?Nutzen Sie unser Kontaktformular, wir lassen Ihnen gerne ein unverbindliches Angebot zukommen! Wenn Sie auf der Suche nach einem professionellen Handwerkerteam mit über 10 Jahren Erfahrung und einer Leidenschaft für Kundenzufriedenheit sind, dann sind wir die richtigen Ansprechpartner für Sie. Wir bieten Montage-Dienstleistungen für z.B Innentüren, Garagentore, Möbel etc..
isomorphic-webpack - Universal module consumption using webpack - Interview with Gajus Kuizinas
isomorphic-webpack - Universal module consumption using webpack - Interview with Gajus Kuizinas A lot of people see isomorphic rendering as a holy grail given it gives advantages a SPAs lost compared to earlier solutions. The fact that you can provide initial markup has SEO and performance implications. It is a hard problem, though, as your tooling needs to support the approach well. In this inter
Next.js Practical Introduction Pt. 1: Pages and Layout
NextNext.js Practical Introduction: Pages and LayoutLearn how to use Next.js to create server-side rendered React applications. In this tutorial series, you'll be provided with a practical introduction to how Next.js can help you build web applications. Created by Vercel, a cloud company for hosting frontends and serverless functions, Next.js is a React framework capable of creating applications t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Add ReactDOM.hydrate() as explicit SSR hydration API by gaearon · Pull Request #10339 · facebook/react
Initial Stack-Free SSR Implementation by tomocchino · Pull Request #9673 · facebook/react
SSR | Server Side Rendering · Issue #990 · facebook/create-react-app
GitHub - walmartlabs/react-ssr-optimization: React.js server-side rendering optimization with component memoization and templatization
GitHub - alt-j/fast-react-server: [DEPRECATED] Use last versions of React and Node.js for better performance![GitHub - alt-j/fast-react-server: [DEPRECATED] Use last versions of React and Node.js for better performance](https://cdn-ak-scissors.b.st-hatena.com/image/square/3a06dbb567d62828a207c7327493f91158d6725d/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2Ff8bc3c1a23eecd1d6f61b493dc6361f12c3528eec52cfa70cfaae84429055591%2Falt-j%2Ffast-react-server)
