Kind of annoyed at React
I’m kind of annoyed at the state of React lately. I still use it regularly, and am somewhat friendly with the folks that work on it still, and it’s the first library I reach for, but… it’s just gotten too confusing and frustrating. Not to boast but I like… really know React. I’ve used it for almost a decade. I’ve seen it morph and grow and used the frameworks that have popped up to work with it, I
Reactの公式ドキュメントを読む
2023/3に正式リニューアルされたreactのドキュメントを改めて読む。 https://react.dev/learn のLEARN REACTの部分で気になったところをまとめていく。 Describing the UI Your First Component 特になし Importing and Exporting Components componentをdefault exportとnamed exportどっちにするかは、チームで統一する場合もあるが、特に公式でどちらかを推してるわけではない。 Writing Markup with JSX JSXの利点: ロジックにマークアップをsyncできる。マークアップ上のコンポーネントごとにロジックを分離できる HTMLをJSXに変換してくれる便利ツールがある。class -> classNameとかの属性名変換もやってくれる Jav
【LINE証券 FrontEnd】コンポーネントをカスタムフックで提供してみた
こんにちは。フィナンシャル開発センターの鈴木です。LINE証券のフロントエンドを担当しています。 以前の記事でご紹介した通り、LINE証券ではReactを使用しています。React 16.8で導入されたフックの機能は非常に革新的で、特にカスタムフックの概念によってReactにおけるコンポーネント設計は大きく様変わりしました。我々もフック時代のコンポーネント設計を試行錯誤しており、その結果はLINE証券にも反映されています。 この記事では、その中でも我々が最近ハマっている「カスタムフックを通じてコンポーネントを提供する」という、いわば“render hooks”とも言うべき設計パターンを紹介します。 今回のお題 今回は、「いくつかのチェックボックスがあり、全部チェックを入れると次に進める」という典型的なパターンを題材にしましょう。次の画像では3つのチェックボックスと「次へ」ボタンが並んでおり
ReactのSpreadSheet的なコンポーネントを探す
やりたいこと 選択範囲のコピー＆ペースト Excelからのコピー＆ペースト Tabキーで右のセルに移動 Enterキーで右のセルに移動（右端セルでEnterキー押下時は新規行生成してフォーカスは新規行の名前を除く最初のセル） 矢印キーでセル移動（一番右のセルで右矢印を押下すると次の行の最初のセルに移動）（あくまで行追加はEnter） セルにボタンが配置でき、任意の処理を実行できる 名前は行生成時に自動生成（ユーザ変更可）（デフォルト値: 型名 + 行番号） セルに対して、クリック一回（あるいはキーで移動してフォーカスを当てた時）は上書きモード、もう一度クリックで編集モード（Excelと同様） Google SpreadSheetで入力してデータだけGASなんかで取りたくなるけど、React の SPA に上記機能を組み込んでくれってさ。 前提条件が抜けた。 React v17 : crea
【完全版】ReactのFirebase Authentication(認証)を基礎からマスター | アールエフェクト
Reactプロジェクトの作成 macOS上でReactプロジェクトを作成するためにNode.jsのインストールが必要となります。Node.jsインストールを行ってからReactプロジェクトの作成を行ってください。 npx create-react-appコマンドを利用してReactプロジェクトを作成します。コマンドの後ろにはプロジェクト名を指定します。プロジェクト名には任意の名前をつけてください。ここではreact-fierebase-authとしています。 % npx create-react-app react-firebase-auth Firebaseの初期設定 FirebaseのAuthenticationの機能を利用するためにはFirebaseでユーザアカウント登録を行う必要があります。もしアカウントを持っていない場合は、Firabaseのページでユーザ登録を行なってください。
Reactに出会ってから2ヶ月 勉強方法を紹介する｜fumi
前回の続きです。 2ヶ月どのように勉強してきたか 次にこの2ヶ月どのように勉強してきたか何を使ったかを時系列順で紹介します。映像は全てYouTubeにあって番外編の本はどちらも図書館で借りたものなのでお金はかけていないです。 1. Reactの基本を学習両方の動画の再生時間を合計すると25時間程度ですが正直なところこれでかなり力がついた気がします。最近上げられた動画なのでバージョンも気にする必要はなさそうです。２本同時に上げたのは実は上の動画の途中の実戦として下の動画を見てアプリを作るといった流れになっているからです。動画を交互ににながら進めていく感じですね。実践編の動画の続きがudemyにあるみたいですが自分は買いませんでした。 2.TypeScript学習Reactと直接的な関係はないかもしれませんが紹介します。どうしても型付けがしたいと考えていて前々から気になっていたのでTSを学習す
React JS Crash Course
Check out the latest version - https://www.youtube.com/watch?v=LDB4uaJ87e0 Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more. Code: https://github.com/bradtraversy/react-crash-2021 React Front To Back 2022 Course: https://www.udemy.com/course/react-front-to-back-2022/?referralCode=4A622C7
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
まず Container より始めよ
Reactアプリケーションのテスト戦略