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

最新フロントエンド技術の総復習! 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 はてなブックマークに追加

すべての新米フロントエンドに読んでほしい50の資料 – Qiita

すべての新米フロントエンドに読んでほしい50の資料 - Qiita

すべての新米フロントエンドに読んでほしい50の資料 - Qiita

はじめに さいきんのWebはSPA技術を中心としたフロントエンドが賑わっていますね 従来サーバーサイドを扱っていた人もフロントを触る機会が増えていたり、これからプログラミングを学んでいく人も、フロントエンド領域に興味を持っているのではと思います。 そこで、フロントエンドの経験が浅い方や初学者向けに、おすす...

はてなブックマーク - すべての新米フロントエンドに読んでほしい50の資料 - Qiita はてなブックマークに追加

JavaScript: フレームワーク React/Vue/Angularについて – DEV Community 👩‍💻👨‍💻

JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻

JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻

フロントエンドの開発に用いられる人気のフレームワーク(ライブラリ)に、ReactとVue.jsおよびAngularがあります。これらフレームワークのフロントエンド開発における役割と、3つの違いについて簡単にご紹介します。 データバインディングとコンポーネント化 フレームワークReactとVue.jsおよびAngularは、いずれもHTMLの...

はてなブックマーク - JavaScript: フレームワーク React/Vue/Angularについて - DEV Community 👩‍💻👨‍💻 はてなブックマークに追加

React Hooks + Redux Hooks + TypeScript で SPA を構築する – 30歳からのプログラミング

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング

タイトルに書いた組み合わせで SPA を作るときにどのような設計にするのか、現時点での考えを記録しておく。 チュートリアルの次の一歩というか、現実的なアプリを構築する際の基本となる考え方。 状態管理とどう向き合うかが、主要なテーマになっている。 サンプルアプリ 具体的なコードがないと話を進められないので、...

はてなブックマーク - React Hooks + Redux Hooks + TypeScript で SPA を構築する - 30歳からのプログラミング はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend – Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend #insideFE slide with @tokimariri. Web App Checklist😉: 💡Rendering patterns 💡CDN 💡Perf Budget 💡a11y 💡PWA 💡WASM in Web Worker 💡Monitoring tools 💡DX (including LGTM!) and so on! 🙌

はてなブックマーク - Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

ReactとVueを改善したSvelteというライブラリーについて – Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

ReactとVueを改善したSvelteというライブラリーについて - Qiita

海外のフロントエンド界隈で話題になっているSvelte 最近海外のフロントエンド界隈でSvelteが少し話題になっています。 この記事では、なんでSvelteが話題になってるのか、そしてReactやVueの代わりに、Svelteを使うメリットについて私が感じたことを共有していけたらと思います。 My talk from @YGLF_IL, 'Rethinking R...

はてなブックマーク - ReactとVueを改善したSvelteというライブラリーについて - Qiita はてなブックマークに追加

マイクロソフトが「React Native for Windows」を公開 | TechCrunch Japan

マイクロソフトが「React Native for Windows」を公開 | TechCrunch Japan

マイクロソフトが「React Native for Windows」を公開 | TechCrunch Japan

米国時間5月6日、Microsoft(マイクロソフト)は、React NativeのデベロッパーがWindowsをターゲットにするための新しいオープンソースプロジェクトを発表した。「React Native for Windows」と自然に名付けられたそのプロジェクトは、MITライセンスの下でReact Nativeを「性能を重視して」実装することを目指す。 Faceb...

はてなブックマーク - マイクロソフトが「React Native for Windows」を公開 | TechCrunch Japan はてなブックマークに追加

「ネイティブアプリ開発者は絶滅危惧種なのか?」への感想文 – ナカザンドットネット

「ネイティブアプリ開発者は絶滅危惧種なのか?」への感想文 - ナカザンドットネット

「ネイティブアプリ開発者は絶滅危惧種なのか?」への感想文 - ナカザンドットネット

ポジション MSがRNめっちゃ使ってるという話について Brownfield事例は実質的にネイティブの事例 Skypeの事例ならどうなのか ネイティブアプリ開発者の仕事は減るのか まとめ jp.techcrunch.com こちらの記事への雑な感想です。感想は私の主観であり、ポジショントークであり、所属する組織の意見とは無関係であることを...

はてなブックマーク - 「ネイティブアプリ開発者は絶滅危惧種なのか?」への感想文 - ナカザンドットネット はてなブックマークに追加

React Static 公式ドキュメント和訳 「基礎概念」編 – Qiita

React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita

React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita

React Static とは Reactベースの静的サイトジェネレータです。 つまり、ブログのようなCMSベースのサイトが React+αの知識で! DBなしに! サーバーの(大した)設定もせず! 超高速表示に! 作れる優れもの。 その中でもReact Staticは、Mediumで3,000clapを叩き出した記事 「2019年のReactジェネレータ」でもGatsby...

はてなブックマーク - React Static 公式ドキュメント和訳 「基礎概念」編 - Qiita はてなブックマークに追加

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips – Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita

2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips はじめに 私はVue.js with Vuexを使った業務で1画面30APIを叩く必要のある画面から、たったの数APIしか叩かないけれど、代わりにUIがとても機能的で複雑な画面まで設計し、...

はてなブックマーク - 2019年版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita はてなブックマークに追加

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) – 30歳からのプログラミング

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング

SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング

SPA のフルリニューアルを技術選定や設計からやることになった。 前回の記事も、そのために検討や調査を行っている際に生まれた副産物をまとめたものだ。 目指すべきは変更しやすいシステムであり、そしてそれは、堅牢性を実現することで達成されるはずだという結論に至った。 numb86-tech.hatenablog.com 今回の記事で...

はてなブックマーク - SPA フルリニューアル計画における技術選定や設計思想(2019年2月版) - 30歳からのプログラミング はてなブックマークに追加

正真正銘のReactだけの不純物なしでReact入門

正真正銘のReactだけの不純物なしでReact入門

正真正銘のReactだけの不純物なしでReact入門

Reactのチュートリアル、たくさんありますよね。どれも質が高く、どこから手をつければいいかわからなくなっちゃいます。 ですがやはり巷のチュートリアルには面倒な問題もあります。今回は面倒ごとを全部すっ飛ばしてReactでのウェブアプリ作りに入門してみましょう。 Reactを始めるには、まずあれとこれとそれとどれと...

はてなブックマーク - 正真正銘のReactだけの不純物なしでReact入門 はてなブックマークに追加

React 副作用分割パターン – mizdra

React 副作用分割パターン - mizdra

React 副作用分割パターン - mizdra

#react #React_Hooks React Hooks自体の解説記事はいくつかあるけど, Hooksの登場によってReactがどう変わったのかについて書かれている記事が無かったので書いた 継承, Mixin, HOC, render props, Hooksの登場によって, Reactの副作用分割パターンがどう変遷していったのか分かるようにすることがこの記事の目的 Counte...

はてなブックマーク - React 副作用分割パターン - mizdra はてなブックマークに追加