検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

react.jsの検索結果(絞り込み: 3 users 以上)2220 件中 1 - 40 件目

  • Modernizing the Web Playback UI – Netflix TechBlog – Medium

    Since 2013, the user experience of playing videos on the Netflix website has changed very little. During this period, teams at Netflix have rolled out amazing video playback features, but...

    Modernizing the Web Playback UI – Netflix TechBlog – Medium
    • コンポーネント指向のフロントエンド開発において、デザイナー×エンジニアの協業を通して学んだこと - ログミーTech

      コンポーネント指向のフロントエンド開発において、デザイナー×エンジニアの協業を通して学んだこと コンポーネント指向開発とデザイナー×エンジニアの協業 2018年10月18日、Roppongi Designersが主催...

      コンポーネント指向のフロントエンド開発において、デザイナー×エンジニアの協業を通して学んだこと - ログミーTech
      • contextAPIとuseContextを知る、それとreact-reduxも。 | mrsekutの備忘録

        React.js Advent Calendar 2018の5日目の記事です。 先日、React Hooksが出てきてそれについて記事も書いたんですが、公式のHooksの中にuseContextというものがありました。 これはContextAPIのHooksで...

        contextAPIとuseContextを知る、それとreact-reduxも。 | mrsekutの備忘録
        • Bridging the Gap Between CSS and JavaScript: CSS-in-JS | CSS-Tricks

          In this article, we’re going to dig into the concept of CSS-in-JS. If you’re already acquainted with this concept, you might still enjoy a stroll through the philosophy of that approach, ...

          Bridging the Gap Between CSS and JavaScript: CSS-in-JS | CSS-Tricks
          • React Hooks で作る GUI - Qiita

            当カレンダーの対象読者は Hooks API を少しでも触ったことがあり、公式ドキュメントを確認された方です。Hooks API で、従来の Statefull Component 相当のものが書きやすくなりました。まずは Hooks ...

            React Hooks で作る GUI - Qiita
            • お前らのReactは遅い - Qiita

              煽りタイトルですみません。 最近、Reactのプロジェクトのページを動かしていて、 もっさりしてる(レンダリングの負荷が高いな)と思ったので どうやったら無駄なレンダリングを減らせるか思考錯誤し...

              お前らのReactは遅い - Qiita
              • React製 SPA における パフォーマンスチューニング - Speaker Deck

                All slide content and descriptions are owned by their creators.

                React製 SPA における パフォーマンスチューニング - Speaker Deck
                • CSS in JSはCSSの書き方をどのように変えるのか - yuhei blog

                  CSSの難しさの根源はセレクタにある。CSS設計のための方法論ではどのようにしてセレクタと関わるべきかについて語られる。 その関わり方がCSSのみで実現できなければならないという制約を捨てたのがい...

                  CSS in JSはCSSの書き方をどのように変えるのか - yuhei blog
                  • Fullstack React: An Introduction to Hooks in React

                    An Introduction to Hooks in React If you've been reading Twitter you probably are aware that Hooks are a new feature of React, but you might be asking how do we actually use them? In this...

                    Fullstack React: An Introduction to Hooks in React
                    • React Hooks をどう使っていくか - mizchi's blog

                      大きく、末端コンポーネントと全体アーキテクチャの視点がある。 末端コンポーネントでの Hooks ここはあまり議論の余地なく、setState で local state を持っているものや、 componentDidMount してい...

                      React Hooks をどう使っていくか - mizchi's blog
                      • 3大JavaScriptフレームワークを比較。Angular/React/Vueの特徴を徹底レビュー! | モナカプレス

                        ReactがVirtualDOMという概念を生み出して以来、Webアプリやハイブリッドアプリの開発トレンドが一気に変わってきました。それまでのHTML/JavaScript/CSSをMVCによって分割する方法から、「関心の分離...

                        3大JavaScriptフレームワークを比較。Angular/React/Vueの特徴を徹底レビュー! | モナカプレス
                        • あまり知られていないかもしれない、CSS-in-JSを実装するライブラリでできる5つの便利なテクニック | コリス

                          CSS-in-JSはJavaScriptを使用してコンポーネントをスタイルするテクニックです。 Reactには従来のCSSに加えて、スタイリングのオプションとして、インラインスタイルとCSS-in-JSがあります。 CSS-in-JS...

                          あまり知られていないかもしれない、CSS-in-JSを実装するライブラリでできる5つの便利なテクニック | コリス
                          • Reactで開発するチームが共通認識しておきたい重要な概念 - KitchHike Tech Blog

                            SFC, Redux, HOCなどコンポーネント指向とReact開発のキーワード CTOの Shoken です。キッチハイクでは2年前にRailsへのReact導入、1年半前に0ベースからReact Nativeでアプリ開発を始めました。この記...

                            Reactで開発するチームが共通認識しておきたい重要な概念 - KitchHike Tech Blog
                            • CSS-in-JSのライブラリとして「emotion」を選択している理由 - Qiita

                              どうも、sakitoです。 本業や副業でもReactを使っているのですが、CSS-in-JSを実現するためにライブラリとして、emotionを採用しています。 今回はemotionの紹介も交えながら、採用している理由を投稿...

                              CSS-in-JSのライブラリとして「emotion」を選択している理由 - Qiita
                              • React Conf 2018のKeynoteで発表されたHooks、Concurrent Reactのまとめ - Cybozu Inside Out | サイボウズエンジニアのブログ

                                フロントエンドエキスパートチームの@koba04です。 10/25,26の2日間、ネバダで開催されたReact Conf 2018に参加して来ました。 今回は、気になっている人も多いKeynoteで発表されたHooksとConcurrent R...

                                React Conf 2018のKeynoteで発表されたHooks、Concurrent Reactのまとめ - Cybozu Inside Out | サイボウズエンジニアのブログ
                                • Hooks.guide

                                  • (翻訳) React Hooks がどのように動いているか · GitHub

                                    how-hooks-work.md (翻訳) React Hooks がどのように動いているか この記事は https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e の日本語訳です。途中で力尽きて雑な翻訳...

                                    (翻訳) React Hooks がどのように動いているか · GitHub
                                    • React hooks: not magic, just arrays – Rudi Yardley – Medium

                                      Rudi Yardley is a Senior Fullstack Software Engineer and JavaScript/TypeScript/React specialist with over 18 years experience in industry. React hooks: not magic, just arraysUntangling th...

                                      React hooks: not magic, just arrays – Rudi Yardley – Medium
                                      • [Emacs-30] 用 Emacs 寫 React – Jerry Hsieh – Medium

                                        [Emacs-30] 用 Emacs 寫 React設定主要使用 rjsx-mode 是之前介紹 javascript 時使用的 js2-mode 的延伸,因此,除了語法支援 rjsx 外,其餘功能延續,請回顧語法檢查的部分,因為 rjsx 的關係,使用 f...

                                        [Emacs-30] 用 Emacs 寫 React – Jerry Hsieh – Medium
                                        • Making Sense of React Hooks – Dan Abramov – Medium

                                          Working on @reactjs. Co-author of Redux and Create React App. Building tools for humans. Making Sense of React HooksThis week, Sophie Alpert and I presented the “Hooks” proposal at React ...

                                          Making Sense of React Hooks – Dan Abramov – Medium
                                          • Algebraic Effectsとは? 出身は? 使い方は? その特徴とは? 調べてみました! - Qiita

                                            ReactのHooksが実質algebraic effectsなんじゃないかということでalgebraic effectsに関する怪文書が流布して鼻白んでしまう、そんな未来を阻止するため、曲がりなりにもalgebraic effectsを研究している...

                                            Algebraic Effectsとは? 出身は? 使い方は? その特徴とは? 調べてみました! - Qiita
                                            • What are React Hooks? - RWieruch

                                              Never miss an article about web development, JavaScript and self-growth. Take Part React Hooks were introduced at React Conf October 2018 as proposal for React 16.7. as a way to use state...

                                              What are React Hooks? - RWieruch
                                              • 私のReactのコンポーネント実装アンチパターン

                                                (編集: React以外のライブラリで当てはまるか確認できておらず、主語がデカめなのでタイトルに"Reactの"をつけました) この記事はコンポーネント指向開発における、私が実際に産み出した/遭遇したアン...

                                                私のReactのコンポーネント実装アンチパターン
                                                • Rehooks · React Hooks for Everything

                                                  import { useState } from 'react' function Example() { const [count, setCount] = useState(0) return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Cl...

                                                  • React Hooks での状態管理と副作用の表現 - mizchi's blog

                                                    React Hooks は Stateless Functional Component でも setState 的な状態操作や componentDidMount のような操作を可能にするための仕様提案です。 既に開発ブランチに入っていますが、 現時点で公式に...

                                                    React Hooks での状態管理と副作用の表現 - mizchi's blog
                                                    • Pure functional components in React

                                                      Speaking about JavaScript frameworks at such a time as this can never be complete if nothing is said about the React framework created and maintained by the team at Facebook. React is use...

                                                      Pure functional components in React
                                                      • Angular/React/Vue開発を強力にサポートするデベロッパーツールの紹介 | モナカプレス

                                                        JavaScriptフレームワークのAngular/React/Vueは、コードを変換(トランスパイル)してピュアなHTML/JavaScript/CSS形式にします。そのため、書いているコードと実際にWebブラウザ上で動作するコードと...

                                                        Angular/React/Vue開発を強力にサポートするデベロッパーツールの紹介 | モナカプレス
                                                        • テストから読み解くReact Suspense の使い方 · GitHub

                                                          how-to-use-react-suspense.md TL;DR // Create Lazy Component const LazyComponent = React.lazy(() => import('./SomeOtherComponent')); ReactDOM.hydrate( <React.unstable_Suspense fallback="lo...

                                                          テストから読み解くReact Suspense の使い方 · GitHub
                                                          • The Rules of React · GitHub

                                                            All libraries have subtle rules that you have to follow for them to work well. Often these are implied and undocumented rules that you have to learn as you go. This is an attempt to docum...

                                                            The Rules of React · GitHub
                                                            • Evergreen

                                                              Works out of the boxEvergreen contains a set of polished React components that work out of the box. Flexible & composableEvergreen components are build on top of a React UI Primitive for ...

                                                              Evergreen
                                                              • loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し

                                                                react-loadableをSSRで使う場合にハマった所が多かったのでまとめました。 PR 結論と注意点 loadable-components react-loadableからloadable-componentsへ 問題点 書き方 dynamic import Client Rende...

                                                                loadable-components + TypeScriptでSSRとCSRに対応したdynamic importを実現する - 技術探し
                                                                • Reactをv16にアップグレードしたらuglifyjsの秘孔をついてハマった件 - Islands in the byte stream

                                                                  webpackのproduction buildの話です。 Reactが悪いわけではないんですが、たまたま秘孔をつくコードがReactないし関連するReact v16に依存するライブラリにあったんでしょうね。 Reactをv16にアップグ...

                                                                  Reactをv16にアップグレードしたらuglifyjsの秘孔をついてハマった件 - Islands in the byte stream
                                                                  • Service Worker Side React Server Side Rendering - Speaker Deck

                                                                    All slide content and descriptions are owned by their creators.

                                                                    Service Worker Side React Server Side Rendering - Speaker Deck
                                                                    • Re-ducksパターン:React + Redux のディレクトリ構成ベストプラクティス

                                                                      Re-ducks というディレクトリ構成のベストプラクティスについてまとめる。Re-ducksパターンを使うことで、React + Redux を用いた開発がよりメンテナンスしやすいものになる。 Ducks パターン 名前から...

                                                                      Re-ducksパターン:React + Redux のディレクトリ構成ベストプラクティス
                                                                      • Modulz

                                                                        The visual code editor for designing and building digital products—without writing code. Almost all design tools are optimised for illustration. Vector-based tools are great for wireframi...

                                                                        Modulz
                                                                        • React & Redux Tutorial—Build a Hacker News Clone

                                                                          React & Redux Tutorial - Build a Hacker News CloneBuild a production React project using Redux and Styled Components. Deploy the app using GitHub pages.This is a step-by-step solution for...

                                                                          React & Redux Tutorial—Build a Hacker News Clone
                                                                          • Reactの「Render Props」について – 公式ドキュメント日本語訳 | maesblog

                                                                            昨年から Reactl界隈で「Render Props」という言葉をよく目にするようになりました。Render Props は、React のコンポーネントを再利用可能な方法でその状態や振る舞いをカプセル化するためのパターン...

                                                                            Reactの「Render Props」について – 公式ドキュメント日本語訳 | maesblog
                                                                            • Redux 再考 - mizchi's blog

                                                                              今まで自分で作ったものが十数個、仕事で5社ぐらいの redux を見てきたので、その結果思うところを書く。 前提として、自分はエコシステムに乗るという意味で今では redux 肯定派だが、redux それ自身...

                                                                              Redux 再考 - mizchi's blog
                                                                              • styled-component + CSS Grid - Speaker Deck

                                                                                meguro.css #3 styled-component + CSS Grid に感じる無限の可能性 https://medium.com/@terrierscript/meguro-css-styled-component-css-grid-d8ce0264a89e デモ(コールドモック):https://styled-c...

                                                                                styled-component + CSS Grid - Speaker Deck
                                                                                • styled-component + CSS Gridに感じる無限の可能性 - Speaker Deck

                                                                                  meguro.css #3 styled-component + CSS Grid に感じる無限の可能性 https://medium.com/@terrierscript/meguro-css-styled-component-css-grid-d8ce0264a89e デモ(コールドモック):https://styled-c...

                                                                                  styled-component + CSS Gridに感じる無限の可能性 - Speaker Deck