タグ

2020年12月23日のブックマーク (2件)

  • React界隈で話題になっている「React Server Components」についてまとめました! | DevelopersIO

    どうもReact大好きCX事業部の片岡です! 今回はReact界隈で話題になっている「React Server Components」についての内容を意訳してみました。 元ネタ 話題になっているこちらの記事が元ネタです。 https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html 概要 Fetch APIでデータをやり取りすると、バケツリレーが発生します。例えば、Spotifyのアーティストページにはアーティストの情報と人気の曲とアルバム一覧が並びます。この時、人気の曲とアルバム一覧を取得するには、アーティスト情報を取ってこないといけません。そうすると、アーティスト情報を取得している間と人気の曲・アルバム一覧を取得するまでにクライアントサイドとサーバーサイドで無駄な待機時間が出来てし

    React界隈で話題になっている「React Server Components」についてまとめました! | DevelopersIO
    wozozo
    wozozo 2020/12/23
  • Figmaと実装をリンクさせる — HACK The Nikkei

    Nikkei Advent Calendar 2020 の 22 日目の記事です。 はじめに 法人向けサービスの UI/UX チームの清野です。 サービスをリリースしてから UI の変更を重ねるにつれて、デザインファイルと実装でズレが生じたり、デザインと実装の関係性がわかりにくくなったりする問題がよくあります。このような問題を防ぐために、カラーやタイポグラフィなどの情報をデザインファイルから取り出して、コード上でデザイントークンとして定義する方法を紹介します。 実現する方法の検討 実現する方法はいくつか考えられます。チーム体制やワークフロー、デザインファイルの構成によって、適している方法は変わってきます。 1. 一気通貫ツールにおまかせ デザインファイルの情報をコード化するまで一気通貫で面倒を見てくれる便利なツールもあります。代表的なものが Diez で、Figma や Sketch など

    Figmaと実装をリンクさせる — HACK The Nikkei
    wozozo
    wozozo 2020/12/23