「React」に関連する技術ブログ
企業やコミュニティが発信する「React」に関連する技術ブログの一覧です。
全480件中 286 - 300件目
あなたのプロダクトに Apollo Client は必要ないかもしれない
2022/07/01
ブックマーク
Apollo Client は複雑 Apollo Client が向いているケース 一休.com に Apollo Client は必要ないかもしれない では何を使えばいいの？ 複雑なアプリケーションには Apollo を使えばいい？ もう一つのリッチなクライアント、Relay の話 結局、何を使えばいいのか この記事は一休 × 出前館 Frontend Meetup でお話した内容をブログにまとめたものです。 user-first.ikyu.co.jp speakerdeck.com GraphQL クライ
コンポーネントとGraphQLクエリの管理にFragment Colocactionを導入したら素晴らしかった件
2022/06/30
ブックマーク
はじめまして、NewsPicks Web Product Unitのじゆんきち(@junkisai)です。 弊チームでは、ここ1年間くらいWeb 版のNewsPicksを新しい基盤に置き換えるプロジェクト（以降、リアーキプロジェクト）を進めています。 新 Web 基盤のフロントエンドはReact (Next.js)+TypeScriptを採用しており、バックエンドとの通信にはGraphQL(Apollo) を採用しています。 今回はFragment Colocationという考え方を導入
Jetpack Compose のプレビューを利用して Android View で作成したコンポーネントの開発を加速させる
2022/06/30
ブックマーク
こんにちは、TUNAG事業部のカーキ ( @khaki_ngy )です。 普段は TUNAG の iOS/Android などのモバイルアプリの開発を行なっています。 今回は TUNAG の Android アプリ開発における Android View の開発での Jetpack Compose を使ったレイアウトプレビューの活用について、Jetpack Composeの導入理由と併せて紹介していきます。 Jetpack Compose の導入 TUNAG の Android アプリでは Jetpack Compose の安定版がリ
CLINICSアプリのリニューアルの裏側（Android編）
2022/06/30
ブックマーク
はじめまして。医療プラットフォーム本部プロダクト開発室エンジニアの小形（ @ogaclejapan ）です。 普段は、オンライン診療・服薬指導アプリ「 CLINICS 」の開発を担当しています。 近々、転職の入社エントリーも会社の 公式 note に公開されますので、ぜひ読んでみてください。 さて、昨年 12 月に CLINICS アプリは UI のフルリニューアル を行いました。 少し経ちましたが
BOXIL SaaSのフロントエンドをモノリポ構成 + Reactで仕切り直した話
2022/06/28
ブックマーク
こんにちは!! スマートキャンプでエンジニアをしている吉永( @__GGEasy )です！ 自己紹介記事はこちら 前回の記事はこちら 私は現在、スマートキャンプの主力サービスであるBOXIL SaaSの開発にフロントエンド、バックエンド問わず携わっています。 今回は、弊社で新規サービスとしてリリースしたBOXIL SaaS質問箱(以下SaaS質問箱)にて、React.js(以下React)を私の主導で採用しまし
XD、Figmaのデザインをコードに変換するツールを調べてみた
2022/06/27
ブックマーク
皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロン
XD、Figmaのデザインをコードに変換するツールを調べてみた
2022/06/27
ブックマーク
皆さん、こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳 欣瑩です。 デザイナーが作ったデザインカンプを実現するのが大変！という悩みを抱えているエンジニアは多いでしょう。 フロントエンド開発を ラク にするために、世の中にはデザインをコードに変換するdesign-to-code ツールが多く存在しています。 しかしそれらのツールは本当にフロン
React × JWT認証にはaxiosのInterceptors
2022/06/17
ブックマーク
はじめに こんにちは！最近エスプレッソにハマってお金の出費が止まらない青柳です！（誰か止めて、、、） 今回はReactの認証で使用するJWT通信の実装についてご紹介していきます！ JWTの仕組みについては他サイトに頼りますが、認証を行う上で、クライアント側はaccess_tokenを送る必要があります。また、それが無効になっていた場合、refresh_tokenを使用して、新たに有
React＆SWRでレンダリング時のチラつきを撲滅する３つのテクニック
2022/06/14
ブックマーク
UI flickering はイケてない WESEEK エンジニアの武井です。 みなさん、フロントエンドプログラミングやってますか？ 今回のネタは「UI flickering」。React の初回レンダリングやステートを更新した際、こんな感じの挙動してないでしょうか。 出典: https://stackoverflow.com/questions/55032136/react-ui-flickering-when-state-updated この一瞬今描画しているアイテム消えてパッと次のアイテムが出て
【Recoil】RecoilRoot をネストした状態管理
2022/05/23
ブックマーク
こんにちは！ RevComm に2022年1月に入社したフロントエンドエンジニアの小山 (koji-koji) です。 RevComm では、 React を採用しているサービスの状態管理に Recoil を使っています。今回は Recoil の理解をより深めるために Context と比較してみました。 Context では小さく状態管理できる。 Recoil でもできないか？ Context の状態管理のスコープは <Context.Provider> で括った対象であり
【CI/CD】Bitrise、Fastlaneで取り組むiOSアプリ
2022/05/23
ブックマーク
はじめに こんにちは、 id:FM_Harmony です。 ラク スの一部サービスでは iOS 向けのアプリを提供していますが、 今回はそれに関連して、 iOS アプリ開発 のCI/CDについてまとめてみました。 これから iOS アプリ開発 のプロジェクトを始められる方、 既にあるプロジェクトにCI/CDを導入する方の参考になれば幸いです。 なお、「CI/CDとは？」といった部分に関しては、過去の記
PHPerKaigi2022のアンカンファレンスでメンバーが登壇しました
2022/05/10
ブックマーク
この度は、4/9(土)~4/11(日)に開催された PHPerKaigi 2022 にメンバーが登壇したり、プラチナスポンサーおよびスポンサーブーススポンサーとして協賛しました。 今回は、アンカンファレンスの様子やアンカンファレンスで登壇したメンバーからコメントをお届けします！ PHPerKaigi 2022 とは 2022/04/09(土) ~ 2022/04/11(月) の 3 日間にわたって PHPerKaigi 2022 が開催されました。今年はオ
新サービス『YADOLINK』をリリースしました
2022/04/28
ブックマーク
新規事業本部、エンジニアの所澤です。 今回は4/19にリリースした一休の新サービス『YADOLINK（ヤドリンク）』についてお話します。 yadolink.com YADOLINKとは？ サービス立ち上げの経緯と開発体制 技術選定 React or Vue ? Next.js を使うのか？ Apollo Server、GraphQL、そして Universal TS 一休と新規開発について YADOLINKとは？ TOPページ YADOLINKはホテル・旅館に特化した写真投稿SNSです。 「
ReactにおけるGlobal stateの管理法4選
2022/04/22
ブックマーク
この投稿は、弊社が提供する WESEEK TECH通信 の一環です。 WESEEK TECH通信とは、WESEEKのエンジニアがキャッチアップした技術に関する情報を、techブログを通じて定期的に発信していくものです。 はじめに 今回の記事では React における Global state の管理法についてさまざまな方法を、それぞれのメリットデメリットとともに解説します。 React で大規模な開発を行う際に Global s
Next.js×NestJSをモノレポで構築/運用してみました
2022/04/07
ブックマーク
こんにちは、スタメンエンジニアの手嶋です。普段はRuby on RailsやReactなどの技術を用いて開発しています。最近は フィーチャーチーム体制に切り替わったこともあり 、AWSなどの技術にも触れる機会が増えました。 これまで複数のプロジェクトにおいて React(TypeScript) で開発を行ってきました。そんな中でやはり型の恩恵を感じることが多かったのですが、バックエンドも