ReactにするかVue.jsにするか、jQueryだけ触っていたエンジニアがサンプル作って比較してみた - Qiita
今のタイミングでWebサービスを、何か新しく開発しよーって思ったら、フロントサイドをどうしようか悩みますよね？ 特にVue.jsかReact.jsか... そんな悩んでいるあなたへの記事になります。 自分の仕事領域について あまり普段javascript触ってません 触るとしてもjQueryが多いです そんな人が書いた記事だと思って下さい 今回作ったもの ReactとVue.jsで簡単なカレンダーを作成しました。 React https://github.com/ykyk1218/react-calendar-sample Vue.js https://github.com/ykyk1218/vue-calendar-sample コンポーネントの分け方 今回言わないこと テストについて ルーティングについて Reduxとかvuex 環境構築 はじめに Reactはjsx、Vue.jsは.
Reactアハ体験 - Qiita
Reactはちょっとしたコツを掴むと一気に理解が進みます。 Googleのデベロッパーであり数々のReactトレーニングを手がけてきたTyler McGinnis氏によるReact "Aha" Momentsが非常に参考になるため、本人の許可を得て意訳しました。 誤りやより良い表現などがあればご指摘頂けると助かります。 原文：https://tylermcginnis.com/react-aha-moments/ 私が技術的なコンテンツを教えたり書いたりする時の主な目標の1つは「アハ体験」を最大化することです。アハ体験は物事が突然理解できた瞬間のひらめきです。私たちは皆これを体験してきましたし、私の知る最高の教師たちは聴衆に応じて、それらの瞬間を最大化するための教えを最適化することができます。 ここ数年、私はほぼ全ての一般的なメディアでReactを教えてきました。その間、私はReact習得
React基礎 · GitBook
React基礎 レッスン Lesson 01: 環境構築 Lesson 02: ES2015について Lesson 03: 関数型の書き方 Lesson 04: 初めてのコンポーネント Lesson 05: 初めてのinline style Lesson 06: 初めてのprops Lesson 07: 配列からの展開 Lesson 08: フォームの定義 Lesson 09: フォームによるデータ追加 Lesson 10: 総合課題「目的特化型電卓を作ってみよう」 おまけ Appendix 01: 様々なコンポーネントの書き方 Appendix 02: コンポーネントのstate Appendix 03: コンポーネントのライフサイクルメソッド Appendix 04: JSX vs. createElement Appendix 05: PropTypes Appendix 06: p
React + Redux に取り組んだ際のハマりポイント振り返り - 来年読む。
javascript 初学者が React + Redux に取り組んだ際のハマりポイント、時間がかかったポイントを時系列で書いていきます。 振り返りのまとめ React も Redux もドキュメント充実してるのでちゃんと読むべき フロントエンド開発環境は空気読むのが難しい 動機 javascript ぜんぜん書いてないので、よさそうな ES2015 とやらが出たこの機会に触っておきたかった Single Page Application を作る機会があった 一人でさっと作る類のものなので、せっかくなので近年話題のものを調べてみたい 振り返り ※ 最終的にできあがったサンプルはこちらに置いています。 ハマり Points React について そもそも正確には何をするライブラリで、どの範囲を指している言葉なのか？ これはハマりというか事前の理解が違っていました。ぼんやりと複雑なものを想像
今更聞けない JSX のコメントアウトの構文 - Qiita
解決したいこと React 初心者なので、JSX コード内で HTML にレンダリングさせたくない部分をコメントアウトする方法がわからない。 方法 {/* ... */} または {// ...} という構文でコメントアウトできる。 例 var Header = React.createClass({ displayName: 'Header', render: function () { return ( <div> {// <h1>wasshoi</h1> } <nav> <ul className="header--nav"> <li> <a href="#">hoge</a> </li> {/* <li> <a href="#">fuga</a> </li> */} </ul> </nav> </div> ); } });
React×ES6×JSXつかってたら怒られたError/Warning集(2016/7/3) - Qiita
React×ES6×JSXつかってたら怒られたError・Warning集(2016/7/3) 日々自分が怒られたら更新されていきます。 ※下の「やること」はあくまで参考程度にお願いします。そこら辺が怪しいぐらいに置き換えて頂けたら 今今ここの辺。 ・Uncaught SyntaxError: embedded: Unterminated JSX contents ・Warning: setState(...): Can only update a mounted or mounting component. This usually means you called setState() on an unmounted component. This is a no-op. Please check the code for the undefined component. ・Uncau
ReactJS 15.0.1 環境構築メモ - kubotti’s memo
ReactJS 15.0.1を最初に試した時のメモ。 http://d.hatena.ne.jp/tomoya/touch/20160403/1459665374 エラー ES6版React.jsチュートリアル - Qiita を試したらエラーが出た。 TypeError: _react2['default'].render is not a function. (In '_react2['default'].render(_react2['default'].createElement(CommentBox, null), document.getElementById('container'))', '_react2['default'].render' is undefined) このエラーはどうやら、 ReactDOM というものがないことが原因のようだ。 index.htmlにr
babel-loader jsx SyntaxError: Unexpected token
I'm a beginner in React + Webpack. I found a weird error in my hello world web app. I'm using babel-loader in webpack to help me convert jsx into js, but it seems like babel can't understand jsx syntax. Here are my dependencies: "devDependencies": { "babel-core": "^6.0.14", "babel-loader": "^6.0.0", "webpack": "^1.12.2", "webpack-dev-server": "^1.12.1" }, "dependencies": { "react": "^0.14.1" } Her
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.codementor.io/reactjs/tutorial/building-a-calendar-using-react-js--less-css-and-font-awesome
Redirecting…
Radium - A React Component Styling Library