React, Relay and GraphQL: Under the Hood of the Times Website Redesign
The New York Times website is changing, and the technology we use to run it is changing too. As the new site rolls out over the next several months, a look under the hood will reveal a number of modern technologies designed to make the site faster and easier to use — for readers, most importantly, but also for our developers. At the center of this has been our adoption of React, Relay and GraphQL.
Relay Modern: Simpler, faster, more extensible
Today, we're releasing Relay Modern, a new version of Relay designed from the ground up to be easier to use, more extensible and, most of all, able to improve performance on mobile devices. In this post, we'll give a brief overview of Relay and then look at what's new in Relay Modern. Reintroducing Relay Relay is our JavaScript framework for building data-driven applications. It combines React for
GraphQL, Relay開発を助けてくれそうなツール等 - Qiita
先日、某勉強会で、GraphQLとRelay 関連のネタについてLTをしたのですが、時間切れで最後の方まで語れませんでした。 GraphQL, Relayを学ぶ上で役だったツールやリソースの紹介をしようと思っていたのですが、折角なのでQiitaの方で書いてみようと思います。 Web Service Learn GraphQL Learn GraphQL GraphQLの基本をonline で1から学べるworkshopです。GraphQLのクエリの記法や、Relayを学ぶ上で必要不可欠となるFragment, Mutationの概念についても step by stepで学習できます。 取りあえずGraphQLを触ってみたい、という人は一通り叩いてみることをオススメします。 GraphQL Hub GraphQL Hub GithubやReddit, Giphyなど、いくつかのWebサービス
React.js meetup #3 を開催しました - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、kintone プログラマの前田です。 2月23日(火)サイボウズ東京オフィスで React.js meetup #3 が開催されました。今回はこのイベントの各セッションの内容を簡単にご紹介します。なお、当日の様子は togetter でもまとめられています。 React.js meetup とは その名の通り React についての meetup で、今回は3回目になります。当日は80人を超える参加者で大変盛り上がり、React の注目度が感じられる meetup でした。 Evolving Complex Systems Incrementally 最初は @cpojer さんによる発表から始まりました。JavaScript をモダンなコードに変換するための jscodeshift を紹介する話だったと思います。全編英語で内容をすべて把握できたわけじゃないのですが、書き方が
React Data Fetching with Relay — SitePoint
React is ushering a new era in front end. Published by Facebook, it has rapidly become a popular library used in production by many technology companies. In this article, we’re going to discuss a new complementary React framework called Relay. The Problem with Data Fetching in React As React has grown in popularity, the scale and complexity of the projects built with React has grown along with it.
Relay: Declarative data for React applications
At Facebook, engineers want to move as fast as possible. At scale, this presents challenges with ensuring that new features can be introduced without regressing performance or increasing code complexity. React simplified the process of developing complex user interfaces. However, it does not provide an answer for how to retrieve the server data necessary to populate those user interfaces. We’ve fo
Relay チュートリアル【日本語翻訳】
先日、Facebookがデータ駆動型のReactアプリケーションの開発を行うためのJavaScriptフレームワーク「Relay」のTechnical Preview版を公開しました。さっそくですが、自分の理解を深めるためにRelayのチュートリアルを和訳しました。せっかくなのでブログにもアップしておきます。誤訳などもあるかと思いますが、Google翻訳よりはマシだと参考にしていただければと思います。原文もつけておいたので、翻訳がおかしなところもなんとなくニュアンスを掴んでいただければと思います。 Relayチュートリアルに行く前に、Relayの基礎知識RelayRelayは、「データ駆動型のReactアプリケーションを開発するためのJavaScriptのフレームワーク」です。RelayはReact同様、Facebook�が開発を進めています。Relayを使うと、サーバから取得したデータを
Relay
Built for scaleRelay is designed for high performance at any scale. Relay keeps management of data-fetching easy, whether your app has tens, hundreds, or thousands of components. And thanks to Relay’s incremental compiler, it keeps your iteration speed fast even as your app grows. Keeps iteration quickRelay is data-fetching turned declarative. Components declare their data dependencies, without wo
Introducing Relay and GraphQL – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Data fetching for React applications There’s more to building an application than creating a user interface. Data fetching is still a tricky problem, especially as applications become more complicated. At React.js Conf we announced two projects we’ve created at Facebook to make data fetching simple for developers, even
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Choosing a GraphQL Client: Apollo vs. Relay
Release v1.0.0-alpha.1 · facebook/relay
GitHub - mixcloud/relay-helpers: Helpers to simplify and enhance Relay (https://facebook.github.io/relay/)
Relay Deep Dive
React + Relay + GraphQL is the Future
A cartoon guide to Facebook’s Relay, part 1 | by Lin Clark | Code Cartoons
第65回 HTML5とか勉強会 ー React最新情報
Support plugin-relay-babel · Issue #1117 · systemjs/systemjs
Unofficial Relay FAQ