Reactについてざっくりまとめてみた
typescriptと関数コンポーネントをベースにReactの基本に触れていきます。 これからReactに入門する方に対して、実務でReactを使う上での下地をつくることが本記事の目的です。 したがって、細かい部分には触れず、概要を掴むことに重きを置きます。 ※また、html・css・js(node.js)・typescriptを一定レベル理解している前提で説明いたします。その点ご了承ください。 Reactとは Reactとは、UI構築のためのJSライブラリです。 大きく2点の特徴があります。 宣言的なview コンポーネントベース 宣言的なビューとは、状態に応じた処理やUIの表示内容を宣言できるviewということです。 従来、宣言的の反対である命令的という概念でUIが実装されていました。 命令的だと1回1回処理をステップごとに細かく記述する必要があり、直感的ではなく不便でした。 そこであ
ReactのフォームのState管理を再度学習してみる
FormでState管理ってめんどくさ～い そもそもですが、私はReact、NextJsは初学者なのでuseStateを使うのがReactの醍醐味でなんでもかんでもuseStateを使う！っていうのが今までだった。。。 ただほかに絶対いい方法があるだろうということで海外のYoutuberの動画を見たらなにやら今までなじみのないものに出会ったわけだ const [editingEmployee, setEditingEmployee] = useState({ _id: "", name: "", birthDate: "", basicSalary: 0, jobAllowance: 0, housingAllowance: 0, commutingAllowance: 0, paidLeaveRemaining: 0, }); const { name, value } = e.targ
React初心者のまとめ（基本編：1/3） - Qiita
React初心者の私がふとReactを使ってみようと思い立ち、社内ツールを作る過程で覚えたことをまとめておきます。 今まではJavaScriptはそこそこ経験してきたものの、もっぱらjQueryに頼って開発してきた旧型タイプの開発者ですので、同じような立場の方には参考にして頂けるのではないかなと思います。 Reactのイメージ（学習前） そもそもReactが何なのかもよく分かっていなかった状態で始めたので、学習前に思っていた印象は… Facebookが作ったものなので良さそう jQueryを使わずにJavaScriptを使ったページを作れる(jQueryで追記するプログラム部分が複雑になることを回避できる？) 動きが速そう 覚えることは多そう ソースはスッキリ書ける？ というかなり適当な印象と知識でスタートしました。 Reactの基本ルール 学習したうえで分かった「本当に基本のルール」はこ
jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | 株式会社ヌーラボ(Nulab inc.)
Typetalk チームフロントエンドエンジニアの岡藤（@johnykei）です。先日 Typetalk Webサイトリニューアルに伴い、フロントエンドの技術を jQuery から React + styled-components に刷新しました。本記事では、React を用いた Web サイト制作についてお伝えします。 はじめに タイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣れた jQuery を使っていました。 フロントエンドエンジニアという肩書きではありますが、フロントエンドエンジニアという職種は幅広く、僕はどちらかというとページやUIのスタイリングが主な業務で、普段 JavaScript を書く頻度もそんなに高くありませんでした。 最近海外ではそのような業種の人をフロントエンドデザイナーと呼ぶ動きも出てきていますが、jQuery しか使ってい
Lesson 06: 初めてのprops · GitBook
コンポーネントでpropsを使う コンポーネントを作る目的は再利用性です。ところがこれまでのところ、コンポーネントは必ず同じものを出力していたため再利用と言っても複製しかできません。再利用が有効に働くようにするにはパラメータを受け取るようにできることが重要です。 propsを受け取る Reactではコンポーネントが受け取るパラメータオブジェクトをpropsと言います。propsは通常のJavaScriptオブジェクトです。 Helloコンポーネントで「名前」をパラメータとして受け取ってみましょう。 const Hello = ({ name }) => ( <div>Hello {name}</div> ); ここでの注意点は二つです。一行目の{ name }は、propsのうちnameを取り出して受け取っているところです。 二行目の{name}はJSX内でJavaScriptの表現を使っ
今からでも遅くない! React事始め
マイクロサービスアーキテクチャが話題を集め、コンポーネントのWeb API化が更なる急加速を見せる昨今。 とは言え「誰でも自由に叩いて良い」Web APIなんてのは事実上無く、ほぼ全てのケースで何かしらのアクセス制御が必要になります。 - Spring Security もサポートする昔ながらの「Basic認証」。古い、ということは、悪いソリューションなのか？ - 最近のAPIのアクセス制御と言えば「OAuth 2.0」がトレンディ？ Spring Security OAuth もあるし！ - 一方でAWSは「APIキー方式」を採用。なぜAWSはOAuth2ではないのか？ - Spring Security はまだ公式にサポートしていない「OpenID Connect」とは一体…？ Webにおけるアクセス制御の歴史を振り返りつつ、様々なAPIの立ち位置と共に、その最適解を探っていきたいと思
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
