[B! react] akira_maruのブックマーク

デザイナーでも分かる範囲のReact、その書き方と学び方 - Qiita

これは何「デザイナーもReact書いてくださいよ」って空気になったときに読むと役立つかもしれない記事です基本的に筆者が学んだ流れを記載していますそのため、世間一般のベストプラクティスではないと思いますエンジニアの方から見ると邪道な流れ・説明の仕方かもしれませんが、デザイナーに教える上での分かりやすさを重視していますのでご了承くださいこの記事の中で使っているコードはこちらのリポジトリで公開していますコミットを辿ってもらえれば、各セクションの内容が全て見れます ※言い訳がましいですが、筆者もReactに精通している程ではなく「デザイナーにしては割と知ってる」レベルですもし説明に間違いや不足があれば編集リクエストをお願いします対象読者 Web or UIデザイナー HTMLとCSSは普通に書けるけど、Reactはほぼ全く触ったことがない人 1人で完全に実装したいってほどではないけ

akira_maru 2021/04/12

react

リンク

jQueryを卒業したかった僕がReact StaticでReactをイチから学んでWebサイトを作った話 | 株式会社ヌーラボ(Nulab inc.)

Typetalk チームフロントエンドエンジニアの岡藤（@johnykei）です。先日 Typetalk Webサイトリニューアルに伴い、フロントエンドの技術を jQuery から React + styled-components に刷新しました。本記事では、React を用いた Web サイト制作についてお伝えします。はじめにタイトルにもあるように、僕は今まで JavaScript を書く必要がある時は使い慣れた jQuery を使っていました。フロントエンドエンジニアという肩書きではありますが、フロントエンドエンジニアという職種は幅広く、僕はどちらかというとページやUIのスタイリングが主な業務で、普段 JavaScript を書く頻度もそんなに高くありませんでした。最近海外ではそのような業種の人をフロントエンドデザイナーと呼ぶ動きも出てきていますが、jQuery しか使ってい

akira_maru 2018/03/27

react
jquery

リンク

出来る限り短く説明するReactJS入門 - Qiita

VTeacher 所属の Masaki Suzuki です。 ※各項目をできるだけ3行以内にまとめていますデザイナーさんやフロントのエンジニアさん向けのReact.js（リアクトジェーエス）入門です。「最近、『リアクト』と聞くけど、つまり何？」ってひとが対象です。 React.jsとは React.jsはUIのパーツ（構成部品）を作るためのライブラリです。 FacebookがOSSとして公開しています。初回投稿日：2015年06月21日この投稿はReactが話題になり始めた頃（6年前のv0.1の頃）、整理した記事です。最新情報はこちら React Server Components 2021年からReactを始めるなら React Server Components 一択ではないか？ https://zenn.dev/rgbkids/articles/e58ef9b947b199

akira_maru 2017/02/17

リンク

Reactを使うとなぜjQueryが要らなくなるのか - Qiita

はじめに React（通称 React.js1）を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。「jQuery くらいしか知らない」くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。以降では ES2015 (ES6) の文法（アロー関数とか）を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。以下の説明中、このアイコンで表すのは（2023 年現在から見た）『昔話』です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

akira_maru 2016/11/30

リンク

Facebook 公式ツール Create React App を使って React 開発の初歩を学ぶチュートリアル - Qiita

はじめに他のフレームワークと比べて React の学習コストは相当高いと思います。初心者が独学でネットを頼りに React を学ぼうとすると多くのハマリどころにぶち当たるはずです。僕自身の経験から言うと、特に ES2015 と ES5 の違いでつまづきやすいんじゃないかな、という気がします。それに、環境を構築するのにたくさんのパッケージを導入しなければならないので、それだけで結構時間がかかるのも不便です。ただ、その開発環境の構築については、先日公開された Facebook 謹製の雛形生成ツール Create React App の登場によってだいぶ楽になりました。 (※ Create React App については、↓ の記事に詳しく紹介されていますので、こちらもご参照されるとよいでしょう) http://qiita.com/chibicode/it ems/8533dd72f1eb