「react」カテゴリーアーカイブ

jQuery愛好家のためのVue.js、React入門(いずれAngularも) – Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita

まず、ことわっておきますが、jQueryは非常に優秀なライブラリです。自分がメインとするWEBシステムの世界ではかなり重宝していますので、時代の潮流だからといって理由もなくjQueryを切り捨てろとは一言も言いませんし、もっと技術は培養すべきです。 ですが、使用できる選択肢を増やす、武器を増やすためにVue.js、Rea...

はてなブックマーク - jQuery愛好家のためのVue.js、React入門(いずれAngularも) - Qiita はてなブックマークに追加

Uber Eatsの障害についての事実をReact Nativeの観点から確認する – ナカザンドットネット

Uber Eatsの障害についての事実をReact Nativeの観点から確認する - ナカザンドットネット

Uber Eatsの障害についての事実をReact Nativeの観点から確認する - ナカザンドットネット

公式アナウンス ユーザーの声 React Nativeっぽい 2つの事実を確認する RedBoxが表示されている Textコンポーネントについてのエラーが出ている 感想と邪推 おわりに 本日、Uber Eatsで大規模障害がありました。React Native絡みのようなので、今わかっている範囲の事実だけメモしておこうと思います。 公式アナウンス ...

はてなブックマーク - Uber Eatsの障害についての事実をReact Nativeの観点から確認する - ナカザンドットネット はてなブックマークに追加

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note

結論を先に書くと、2015年あたりの混沌としたJavaScriptフレームワーク戦争は終わりを迎え、メジャーなフレームワークはどれも成熟してきているので、使いたいフレームワーク使ってください。 ただ技術選定においてはどれかひとつを選ばないといけないというリアルはあるので、理解を深めるための視座をいくつか紹介した...

はてなブックマーク - 2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note はてなブックマークに追加

2020 年、 React 軸で学ぶべき技術 – mizchi’s blog

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

2020 年、 React 軸で学ぶべき技術 - mizchi's blog

なぜ仮想 DOM という概念が俺達の魂を震えさせるのか - Qiita から 5 年経ち、 仮想 DOM を備えた React やそれを採用した Vue や他のライブラリも市民権を得たように思います。 有用な技術が市民権を得る、というのはエコシステムが花開くことでもあります。新しいプロダクトを作る際の技術選定において、 TypeScript +...

はてなブックマーク - 2020 年、 React 軸で学ぶべき技術 - mizchi's blog はてなブックマークに追加

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularはVueよりも高いですが、「今後はもう採用したくな...

はてなブックマーク - JSフレームワーク事情2020年始め|erukiti|note はてなブックマークに追加

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

JSフレームワーク事情2020年始め|erukiti|note

この記事では面倒なので名前に .js が付いているものは省きます。例えばNext.js は Next と表記します。 まず結論から日本ではVueはReactと二分する人気があるように観測されますが、世界的な数字で人気・シェアを見るとReactが圧倒的です。 シェアだけで見るとAngularはVueよりも高いですが、「今後はもう採用したくな...

はてなブックマーク - JSフレームワーク事情2020年始め|erukiti|note はてなブックマークに追加

TwitterやSlackのRedux Storeを覗く – Tech Blog – Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していま...

はてなブックマーク - TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer はてなブックマークに追加

TwitterやSlackのRedux Storeを覗く – Tech Blog – Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer

{ domainData1 : {}, domainData2 : {}, appState1 : {}, appState2 : {}, ui : { uiState1 : {}, uiState2 : {}, } } ref: Basic Reducer Structure and State Shape · Redux 正規化 Recipesでは正規化についても言及しており、リレーショナルデータを管理する場合はデータベースのように正規化することを推奨していま...

はてなブックマーク - TwitterやSlackのRedux Storeを覗く - Tech Blog - Recruit Lifestyle Engineer はてなブックマークに追加

React の状態管理についての論点整理 – 30歳からのプログラミング

React の状態管理についての論点整理 - 30歳からのプログラミング

React の状態管理についての論点整理 - 30歳からのプログラミング

この記事はReact #2 Advent Calendar 2019の17日目の記事です。 なぜグローバルな Store を作るのか React アプリの設計論では、複数のコンポーネントで利用する値をどのように管理するか、というテーマがよく話題になる。 前提として、コンポーネントは小さく分割すべき、という考え方がまずある。 これは React に特有...

はてなブックマーク - React の状態管理についての論点整理 - 30歳からのプログラミング はてなブックマークに追加

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった – fortkle blog

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog

この記事はコネヒト Advent Calendar 2019の11日目の記事です! qiita.com はじめに 半年ほど前から新規事業のチームで仕事するようになり、主な技術スタックもPHPからGo, Next.jsへと変わりました。 その中で、特にフロントエンドのテスト周りにおいてキャッチアップ不足を感じていたのですが、たまたま見つけた*1「Ful...

はてなブックマーク - React, Redux, GraphQLを学べるオンライン教材「Full Stack Open 2019」がとても良かった - fortkle blog はてなブックマークに追加

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 – Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog

Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 こんにちはお久しぶりです。岡部和昌(@kzms2)と申します。 今回お話しする内容はタイトルでほぼ全部述べているのですが、PC 版 Yahoo! JAPAN のトップページを 2019 年 10 月 1 日に刷新、主に開発環境をアップデートした経...

はてなブックマーク - Yahoo! JAPAN トップページを Atomic Design と React・Redux・TypeScript で作り変えたお話 - Yahoo! JAPAN Tech Blog はてなブックマークに追加

フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由 – Qiita

フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由 - Qiita

フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由 - Qiita

Help us understand the problem. What is going on with this article? Angular #2 Advent Calendar 2019 3 日目の記事です。私の Qiita 初投稿記事でもあります。 Angular と React (と Vue.js)を比較する記事は検索すればいくらでも出てきますが、「いやいやそこじゃないんだよ」と感じる記事ばかりです。誰かの受...

はてなブックマーク - フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由 - Qiita はてなブックマークに追加

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 – ITnews

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews

react-admin-template https://github.com/delprzemo/react-admin-template react-admin-templateの特徴 「react-admin-template」は、以下で構成されたオープンソースの管理画面です。巨大なリファクタリング/クリーニングを回避するため、コア機能のみ提供するコンセプトになっています。 ・React ・jQueryなし ・Type...

はてなブックマーク - React+TypeScriptでできたミニマルな管理画面「react-admin-template」 - ITnews はてなブックマークに追加

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ – Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita

以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界で...

はてなブックマーク - 2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita はてなブックマークに追加

トップデベロッパーになるために作成したいアプリ8選 – Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなた...

はてなブックマーク - トップデベロッパーになるために作成したいアプリ8選 - Qiita はてなブックマークに追加

トップデベロッパーになるために作成したいアプリ8選 – Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

トップデベロッパーになるために作成したいアプリ8選 - Qiita

こちらの記事は、Indrek Lasn 氏により2017年 12月に公開された『 The Secret to Being a Top Developer Is Building Things! Here’s a List of Fun Apps to Build! 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 著者Twitter https://twitter.com/lasnindrek 少し考えてみてください。あなた...

はてなブックマーク - トップデベロッパーになるために作成したいアプリ8選 - Qiita はてなブックマークに追加

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス

日常的にVueを使用している開発者が、ReactとVueで全く同じアプリを作成した時のそれぞれの工程を比較して分かった相違点を紹介します。 特に、Reactのフックについて具体的な使い方が解説されています。 I created the exact same app in React and Vue. Here are the differences. [2019 Edition] by Sunil Sandhu 下...

はてなブックマーク - ReactとVueの比較、全く同じアプリを作成してみて分かった相違点 2019年Edition | コリス はてなブックマークに追加

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 – Bonfire Frontend #4 レポート – Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太(@three4c)です。9月3日(火)にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました! このイベント...

はてなブックマーク - 最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog はてなブックマークに追加

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 – Bonfire Frontend #4 レポート – Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog

最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート こんにちは。 今年の4月にヤフー株式会社にデザイナーとして新卒入社した、三好 健太(@three4c)です。9月3日(火)にヤフーのセミナールームで「Bonfire Frontend #4」を開催しました! このイベント...

はてなブックマーク - 最新フロントエンド技術の総復習! React Hooks、GraphQL、TypeScript、AMPなど紹介 - Bonfire Frontend #4 レポート - Yahoo! JAPAN Tech Blog はてなブックマークに追加

おまえはReact hooksを知っているか – Qiita

おまえはReact hooksを知っているか - Qiita

おまえはReact hooksを知っているか - Qiita

よく来たな。おれは毎日すごい量のコードを書いているが、誰にも読ませる気はない。しかし今回はReact hooks という真の男のためのAPIを発見したのでいてもたってもいられずQIITAに記事を書くことにした。 (この記事の文体は、逆噴射聡一郎先生のパロディです。) お前は毎日VUEだとかREACTだとかPWAだとかBBBFFだとか...

はてなブックマーク - おまえはReact hooksを知っているか - Qiita はてなブックマークに追加

おまえはReact hooksを知っているか – Qiita

おまえはReact hooksを知っているか - Qiita

おまえはReact hooksを知っているか - Qiita

よく来たな。おれは毎日すごい量のコードを書いているが、誰にも読ませる気はない。しかし今回はReact hooks という真の男のためのAPIを発見したのでいてもたってもいられずQIITAに記事を書くことにした。 (この記事の文体は、逆噴射聡一郎先生のパロディです。) お前は毎日VUEだとかREACTだとかPWAだとかBBBFFだとか...

はてなブックマーク - おまえはReact hooksを知っているか - Qiita はてなブックマークに追加

宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる – Qiita

宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita

宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita

現代のGUI開発において、必須となった宣言的UIというパラダイムシフトがあります。宣言的UIは、Facebook社が開発したReactに端を発するものです。 宣言的UIは既にウェブ開発のライバルであるVue.jsやAngularなどでも当たり前のように使われていますし、Android開発などにも使われています。 2019年6月はじめに開催された...

はてなブックマーク - 宣言的UIはReact Hooksで完成に至り、現代的設計論が必須の時代になる - Qiita はてなブックマークに追加

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで – Feedforce Developer Blog

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog

id:daido1976 です。入社してからあっという間に1年が経っていました。 直近3ヶ月ほどプライベートでフロントエンド開発の勉強をしていたのですが、ここ数年で CSS の Grid や React の Hooks が新しく導入されたことなどもあり、少し古いコンテンツだと教材として役立たない1 と感じることが多かったので、本記事では私...

はてなブックマーク - 【2019年版】バックエンドエンジニアが React でモダンなフロントエンド開発を始めるまで - Feedforce Developer Blog はてなブックマークに追加

Reactを使ったモダンなフロントエンド開発の環境構築 – Qiita

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita

はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライ...

はてなブックマーク - Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita はてなブックマークに追加

1人でデスクトップとモバイル両対応でデータ同期するアプリをどうやって作ったか – 週休7日で働きたい

1人でデスクトップとモバイル両対応でデータ同期するアプリをどうやって作ったか - 週休7日で働きたい

1人でデスクトップとモバイル両対応でデータ同期するアプリをどうやって作ったか - 週休7日で働きたい

こんにちは、個人アプリ作家のTAKUYAです。InkdropというクロスプラットフォームなMarkdownノートアプリを1人で開発しています。このアプリはmacOS、Linux、Windows、Android、iOSで動作します。ご存知かもしれませんが、この5プラットフォームにアプリを対応させるのは簡単ではありません。しかしながらパワフルなフレ...

はてなブックマーク - 1人でデスクトップとモバイル両対応でデータ同期するアプリをどうやって作ったか - 週休7日で働きたい はてなブックマークに追加

Vue・React・Angularのパフォーマンス比較検証 – ICS MEDIA

Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA

Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA

ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA(シングルページアプリケーション)の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。...

はてなブックマーク - Vue・React・Angularのパフォーマンス比較検証 - ICS MEDIA はてなブックマークに追加

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 Webアプリとして構築されているモバイルアプリケーションは、現在では非常に複雑で大規模なものになりつつあります。 これは同時に、アプリケーションのロードや起動にかか...

はてなブックマーク - モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey はてなブックマークに追加

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey

モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 Webアプリとして構築されているモバイルアプリケーションは、現在では非常に複雑で大規模なものになりつつあります。 これは同時に、アプリケーションのロードや起動にかか...

はてなブックマーク - モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 - Publickey はてなブックマークに追加