検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

  • から
  • まで

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

  • Next.js+microCMS+Vercel面白い - ゆーすけべー日記

    Next.js と microCMS と Vercel が面白い。それぞれ面白いし、組み合わせるとさらに面白い。なにせ、メディアサイトがデプロイも含めて 2 時間で出来る。 Next.js + microCMS + Vercel すごいな。メデ...

    Next.js+microCMS+Vercel面白い - ゆーすけべー日記
    • SWRと状態管理 - Speaker Deck

      Transcript 2021/09/15 @0906koki SWR ͱঢ়ଶ؅ཧ Redux Ͱ͸ͳ͘ɺSWRͱ͍͏બ୒ Koki Nagai @0906koki ɾגࣜձࣾελϝϯ ɾFANTSͱ͍͏ΦϯϥΠϯϑΝϯαϩϯͷαʔϏεΛ࡞͍ͬͯ·͢ ɾϑϩϯτΤϯυΤϯδχΞʢओʹ ReactͱTypeScriptɺNext.jsʣ ɾझຯ͸ےτϨ SWR ͱঢ়ଶ؅ཧ SWR ͱ͸ʁ 👀 ...

      SWRと状態管理 - Speaker Deck
      • Macで使うVS CodeとRemote Containerの性能を大幅改善 - Sweet Escape

        はじめに なぜ遅いのか 何をやるのか 計測 名前付きボリュームを使ってない場合 Named Volumeを使う場合 Macからどう見えているか 結論とまとめ はじめに 以前からいろんなところで話していますが、僕...

        Macで使うVS CodeとRemote Containerの性能を大幅改善 - Sweet Escape
        • TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)

          最近開発しているBtoB SaaSサービスの技術スタックを、RailsからNode.jsに移行した。 これにより、フロントエンドもバックエンドも全てをTypeScriptで統一することができた。 特にNode.jsのWebバックエ...

          TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)
          • React Suspense での非同期処理のエラー処理パターン

            この記事は 2021 年 9 月、React v17 相当時点での情報に依存しています。 React の Suspense による非同期処理は未だ Experimental な機能ですが、いくつかのデータフェッチ系ライブラリや状態管理ラ...

            React Suspense での非同期処理のエラー処理パターン
            • あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita

              Original article: https://dev.to/kerthin/18-amazing-github-repositories-that-will-help-you-make-a-beautiful-project-3pgo 以下はRoden( Twitter / GitHub / Webサイト )によるアニメーションラ...

              あなたのプロジェクトを煌やかにするアニメーションライブラリ18選 - Qiita
              • Flutter、Dart、Next.js、TypeScriptのどれを学べば良い。フリーランスエンジニアが語るフロントエンドの最前線 - Findy Engineer Lab - ファインディエンジニアラボ

                2021年5月27日(木)、Findyが主催するエンジニア向けイベント「フリーランスエンジニア会議〜フロントエンド開発案件の最新トレンド編」がオンライン上にて開催されました。 使いやすく魅力的なアプリ...

                Flutter、Dart、Next.js、TypeScriptのどれを学べば良い。フリーランスエンジニアが語るフロントエンドの最前線 - Findy Engineer Lab - ファインディエンジニアラボ
                • Next.js の Error を丁寧に扱う

                  Next.js には組み込みのエラーフォールバック機構が存在します。pages/404.tsxとpages/500.tsx、Unhandled Error を捉えるpages/_error.tsxが組み込みフォールバックです。https://nextjs.org/docs/adv...

                  Next.js の Error を丁寧に扱う
                  • TypeScriptの全てのasを撲滅するas-safelyというOSSを作ったゾォォ〜

                    はじめに as-safelyというライブラリを作成しました。 このライブラリを使うと、型判定に失敗したときはその場で例外を投げてくれます。 危険なas(型アサーション)を撲滅し、真にタイプセーフなType Sc...

                    TypeScriptの全てのasを撲滅するas-safelyというOSSを作ったゾォォ〜
                    • TypeScript で string 型の値に自動補完を効かせる: Days on the Moon

                      結論 type X = 'foo' | 'bar' | (string & {}); のように、文字列リテラル型の共用体型に | (string & {}) を付け足した型 X を定義します。X 型は任意の文字列を受け付けますが、IDE (Visual Studio C...

                      • React NativeでMapboxを使ってみる - Sweet Escape

                        メモです。 これまでReact Nativeでの地図として、react-native-mapsを使ってきた。これを使うとiOSではAppleのMap、AndroidではGoogle Mapsで地図が表示される。 地図そのものの表現はこれでも特に問...

                        React NativeでMapboxを使ってみる - Sweet Escape
                        • React + TypeScriptで固めつつ、新しいことも取り入れる LINE証券のフロントエンドエンジニアが大切にしていること - ログミーTech

                          LINEのフロントエンド開発センターの役割やミッションについての説明や、フロントエンドエンジニアの仕事内容や業務事例、働く環境などについて紹介する「LINEフロントエンドエンジニア採用説明会」。...

                          React + TypeScriptで固めつつ、新しいことも取り入れる LINE証券のフロントエンドエンジニアが大切にしていること - ログミーTech
                          • 【Next.js / TypeScript】axios を使ってQiita記事を検索してみる - Qiita

                            import 'tailwindcss/tailwind.css' import type { AppProps } from 'next/app' // 特に何もしていない function MyApp({ Component, pageProps }: AppProps) { return <Component {...pageProps} /> }...

                            【Next.js / TypeScript】axios を使ってQiita記事を検索してみる - Qiita
                            • Migrating Notion's marketing site to Next.js

                              One of the most challenging aspects of being an engineer is knowing when to introduce abstractions and when to keep things simple. How many times have you invested time in building a scal...

                              Migrating Notion's marketing site to Next.js
                              • SOLID原則で考えるReact設計

                                こんにちは、株式会社スタメンでオンラインサロンFANTSのフロントエンドエンジニアをしている@0906kokiです。 今回はSOLID原則の5つの設計原則を、Reactのコードをベースにして解説できればと思います...

                                SOLID原則で考えるReact設計
                                • 【2021年版】国内外Tech系YouTubeチャンネル10選 - 登録者数順まとめ! - - RAKUS Developers Blog | ラクス エンジニアブログ

                                  技術広報のyayawowoです。 エンジニアの皆さん、プログラミングの勉強は捗っていますか? 効率的な学習ができていますか? 本記事では、昨今盛り上がり続けているYouTube市場で、 プログラミング学習を...

                                  【2021年版】国内外Tech系YouTubeチャンネル10選 - 登録者数順まとめ! - - RAKUS Developers Blog | ラクス エンジニアブログ
                                  • Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) – theodorusclarence.com

                                    Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR)Written on September 2, 2021 by When I started to learn Next.js, I got overwhelmed with the list of abbreviations that looks simila...

                                    Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) – theodorusclarence.com
                                    • freeeプロジェクト管理でJavaScriptバンドルサイズ削減に取り組んだ話 - freee Developers Blog

                                      こんにちは! 中部オフィスでエンジニアをやっているichienです。 5月に入社してfreeeプロジェクト管理の開発を担当していました。 今回はfreeeプロジェクト管理のJS(JavaScript)バンドルサイズを削減...

                                      freeeプロジェクト管理でJavaScriptバンドルサイズ削減に取り組んだ話 - freee Developers Blog
                                      • すべての開発者へ。人気GitHubリポジトリ9選 - Qiita

                                        便利なツール、参考になる例など... はじめに GitHubは、最近の(ウェブ)開発に関連するすべてのワンストップショップです。フレームワーク、デモ、あらゆる種類のコレクションなど、GitHubで見つけら...

                                        すべての開発者へ。人気GitHubリポジトリ9選 - Qiita
                                        • 【React】カスタムフックと本気で向き合ってみた - Qiita

                                          世はまさに、React hooks時代。 React hooks無しにして、Reactは書けない!!という人も多いのではないでしょうか。 その中でも特に「カスタムフック」は、React hooksの便利さをの根幹とも言える、最...

                                          【React】カスタムフックと本気で向き合ってみた - Qiita
                                          • Create React App from Scratch like a Pro - DEV Community

                                            Creating a React App is a very difficult feat, even when you are an experienced developer. That led to the development of create-react-app, a Command Line Tool to streamline the process o...

                                            Create React App from Scratch like a Pro - DEV Community
                                            • Compound Components In React — Smashing Magazine

                                              Meet “TypeScript in 50 Lessons”, our shiny new guide to TypeScript. With detailed code walkthroughs, hands-on examples and common gotchas — all broken down into short, manageable lessons....

                                              Compound Components In React — Smashing Magazine
                                              • React 初心者の難問、カスタムフック(Custom Hook)を解説します

                                                最近社内レビュー会で React レビューが多くなり、「カスタムフック使ったらスッキリできます」という言葉もよく聞くようになりました。 私が初めてそれを耳にしたときは「なにそれ美味しいの?」みた...

                                                React 初心者の難問、カスタムフック(Custom Hook)を解説します
                                                • Announcing SWR 1.0 – SWR

                                                  Almost 2 years ago we open sourced SWR, the tiny data-fetching React library that people love. Today we are reaching another milestone: the 1.0 version of SWR! What’s New#Smaller Size#Per...

                                                  Announcing SWR 1.0 – SWR
                                                  • Webフロントエンドアプリ共通ライブラリ "React Shared Component" の紹介 - Wantedly Engineering Handbook

                                                    Wantedly のフロントエンドは React で書かれており、フロントエンドコードは複数のリポジトリに分かれています。 元々は一つのモノリシックなリポジトリでフロントエンドも管理していましたが、新規で...

                                                    Webフロントエンドアプリ共通ライブラリ "React Shared Component" の紹介 - Wantedly Engineering Handbook
                                                    • React 初心者が Material-UI で今どきの Web フォームを作ってみた(yup編) | DevelopersIO

                                                      React 初心者が、Material-UI と React Hook Form v7 を活用して今どきの Web フォーム開発に挑んでみました! つい先月、React(+ React Hook Form)と Material-UI を組み合わせた Web アプリ開発を...

                                                      React 初心者が Material-UI で今どきの Web フォームを作ってみた(yup編) | DevelopersIO
                                                      • react-hooks-use-modalを使ってモーダルコンポーネントを作成する | microCMSブログ

                                                        こんにちはかみむらです。 先日柴田さんが公開していた、Reactのモーダルコンポーネントを簡単に作成できるライブラリ react-hooks-use-modal をmicroCMSのOrganizationに移行しました。 こちらがGitHu...

                                                        react-hooks-use-modalを使ってモーダルコンポーネントを作成する | microCMSブログ
                                                        • Utility-first な CSS-in-JS 〜Tailwind CSS と Chakra UI を添えて〜 / Utility-First CSS-in-JS - Speaker Deck

                                                          Transcript 6UJMJUZ� fi STU�ͳ�$44�JO�+4 ʙ5BJMXJOE�$44�ͱ�$IBLSB�6*�Λఴ͑ͯʙ �����������+9�1SFTT�5FDI�5BML ࣗݾ঺հ w খּݪΈ͖ͭ���!ZBNJU[LZ� w औక໾�$%0� w ೝఆεΫϥϜϚελʔ� w ޷͖ͳ΋ͷ�� w 1ZUIPOɺ3FBDUɺΨύΦ ࣗݾ঺հ झຯͰαʔόʔϨε...

                                                          Utility-first な CSS-in-JS 〜Tailwind CSS と Chakra UI を添えて〜 / Utility-First CSS-in-JS - Speaker Deck
                                                          • [React / JavaScript] データのExcel/CSV出力機能を実装する | DevelopersIO

                                                            こんにちは、CX事業本部 IoT事業部の若槻です。 今回は、ReactアプリケーションにデータのExcel/CSV出力機能を実装してみました。 デモ CodeSandboxのデモを埋め込んでいますが、埋め込まれたサンドボ...

                                                            [React / JavaScript] データのExcel/CSV出力機能を実装する | DevelopersIO
                                                            • フロントエンドから取り組むデザインシステムの改善 #UI - Yahoo! JAPAN Tech Blog

                                                              こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近...

                                                              フロントエンドから取り組むデザインシステムの改善 #UI - Yahoo! JAPAN Tech Blog
                                                              • From Create-React-App to Next | Kitty Giraudel

                                                                I recently moved a significant codebase from Create-React-App (CRA for short) to Next and thought I would share my experience, because believe me or not, it was quite a journey (and not n...

                                                                From Create-React-App to Next | Kitty Giraudel
                                                                • v0.0.1-alpha0.1から始めた-CTO 藤村とフロントエンド 藤川のおしゃべり - STORES Tech Blog

                                                                  heyで採用広報を担当しているえんじぇるです。 7月13日(火)にCTOの藤村 @ffu_ とフロントエンドエンジニアの藤川@ushiro_noko がTwitter Spacesでフロントエンドについておしゃべりしたので、その様...

                                                                  v0.0.1-alpha0.1から始めた-CTO 藤村とフロントエンド 藤川のおしゃべり - STORES Tech Blog
                                                                  • 新しいメルカリDesign System Web | メルカリエンジニアリング

                                                                    @nekobatoです。メルカリDesign SystemのWeb版開発者をしています。以前の記事で新しくなったメルカリ Webの紹介がありましたが、本記事ではそこで使われている、同じく新しくなったDesign System Web...

                                                                    新しいメルカリDesign System Web | メルカリエンジニアリング
                                                                    • メルカリShops のフロントエンド | メルカリエンジニアリング

                                                                      こんにちは。ソウゾウの Software Engineer の hiroppy です。「連載:「メルカリ Shops」プレオープンまでの開発の裏側」 の最後は、Web フロントエンドの紹介をしたいと思います。メルカリ Shops は...

                                                                      メルカリShops のフロントエンド | メルカリエンジニアリング
                                                                      • Testing with Next.js

                                                                        取り上げられている 2 者はよく知られており、いずれかに触れたことがある方も多いかと思います。この公式ドキュメントページでは「何を使って」を紹介しているのみなので、どちらを選ぶべきか悩んだ方...

                                                                        Testing with Next.js
                                                                        • React を使って初めての Web アプリを作成する - Learn | Microsoft Docs

                                                                          React.js は、最も一般的なフロントエンド JavaScript フレームワークです。 開発者は、HTML と JavaScript の組み合わせである JSX を通じて、自然な方法でビューを作成できます。 開発者は、アプリケ...

                                                                          React を使って初めての Web アプリを作成する - Learn | Microsoft Docs
                                                                          • 2021年からReactを始めるならReact Server Components 一択ではないか?(入門編)

                                                                            2021年からReactを始めるならReact Server Components 一択ではないか?(入門編) はじめに 今からReactを始めるなら、React Server Components がおすすめです。 パラダイムチェンジが起き、ここ5年...

                                                                            2021年からReactを始めるならReact Server Components 一択ではないか?(入門編)
                                                                            • メルカリ Shops での NestJS を使った GraphQL Server の実装 | メルカリエンジニアリング

                                                                              ソウゾウの Software Engineer をやっています、@mookjp です。 8/10 の記事「メルカリShopsの技術スタックと、その選定理由」では、メルカリ Shops のアーキテクチャについて、その全体像を紹介しまし...

                                                                              メルカリ Shops での NestJS を使った GraphQL Server の実装 | メルカリエンジニアリング
                                                                              • Testing | Next.js

                                                                                Examples Next.js with Cypress Next.js with Jest and React Testing Library Learn how to set up Next.js with three commonly used testing tools: Cypress, Jest, and React Testing Library. Cyp...

                                                                                Testing | Next.js
                                                                                • Slinkity

                                                                                  To eleventy and beyond Follow along on Twitter for project updates ❤️ Slinkity is now available as an early alpha! No, it's not ready for production use. But if you want to have some fun a...

                                                                                  Slinkity