今更聞けない 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> ); } });
JavaScript: フレームワーク React/Vue/Angularについて
フロントエンドの開発に用いられる人気のフレームワーク(ライブラリ)に、ReactとVue.jsおよびAngularがあります。これらフレームワークのフロントエンド開発における役割と、3つの違いについて簡単にご紹介します。 データバインディングとコンポーネント化 フレームワークReactとVue.jsおよびAngularは、いずれもHTMLの要素(DOM)をデータと関連づけて(データバインディング)、データの変化に応じた動的なページ構成を行います。 DOMの操作には、かつてはjQueryが用いられました(今だに、使われていることは少なくはないでしょう)。けれど、モダンブラウザが対応するECMAScript 2015(ECMAScript 6)以降でしたら、標準JavaScriptでもDOMの操作は難しくありません。 動的にページを構成するコンテンツの典型は、シングルページアプリケーション(S
【React Nativeメモ】JSXを用いたComponentの記述について - Qiita
1. JSXとは？ JSXはECMAScript（JavaScript）にXML-likeな記述を追加した言語拡張です． 簡単にいうとJSXはJavaScriptのシンタックスシューで，XMLライクにJavaScriptの記述が出来ます． 2. Babelを利用し変換内容を確認 実際にどのような変換が行われるか，Babel(バベル)のサイトを利用し確認出来ます． React NativeのText Componentの利用例として，下記のように記述が出来る．
React学習 JSXメモ - JavaScript勉強会
Reactの勉強メモ。 Reactの本を読んでたら、「JSX」という仕組みの話が出てきました。 JSXは、JavaScriptでHTMLを扱うために用意されたJavaScriptの拡張構文とのこと。 jsstudy.hatenablog.com 本の中ではJSXについてサラッと説明されていて、いまいちよく分からなかったので検索してみました。 とりあえず、JSXに関する資料を集めておいて、後でもう一度見直してみたいと思います。 ReactのJSXとは？ 「JSX」と命名されている仕組みは複数あるようです。紛らわしいですねｗ qiita.com Facebook（React）のJSX DeNA（AltJS）のJSX AdobeのJSX React - Wikipedia JSXは、JavaScriptの構文に対する拡張である。 HTMLと外観が似ているが、JSXは多くの開発者がよく知っている構
React JSX コメントを書きたい！ - かもメモ
ReactのJSXでコメントを書く方法のメモ JSX Comment JSXの{ }の中はJavaScriptが動作するので{ }で囲ってコメントを書くことができる {/* 一行コメント */} {/* 複数行 コメント */} // も使えるが{ }の閉じタグの前に改行が必要。 {// 一行コメント } 改行がないと、最後の}もコメントアウトされてエラーになる {// 一行コメント} // => Parsing error: Unexpected token JSXの{/**/}コメントアウトはHTML側には出力されない render( <p>コメントアウトは {/* ばーかばーか！ */} HTMLには {/* ウェーイwwww べろべろゔぁあー ⁽⁽ଘ(｡•ө•｡)ଓ⁾⁾ */} 出力されない </p> ); 👇 <p> コメントアウトは HTMLには 出力されない </p> <!
BabelとES2015 – React入門 - to-R Media
「React入門」の前回はブラウザ上でJSXの変換を行いましたが、今回はNode.jsとBabelを利用してローカルでJSXを変換する方法について解説を行います。 Babelとは? Babelとは様々なコードをブラウザが解釈できるJavaScriptに変換してくれるツール(JavaScriptトランスパイラ)です。今回はBabelを利用してJSXの記述をJavaScriptに変換します。 BabelはJSX以外にもES2015などのまだブラウザが実装していない機能をブラウザが解釈できるJavaScriptに変換する際などにもよく利用されますので、今回はES2015の設定も合わせて行なっておきましょう。 Node.jsのインストール まずは、事前にNode.jsをインストールしておく必要があります。Node.jsの「公式ページ」でインストーラーが公開されていますのでそちらからダウンロードがで
ReactやVueのJSXについて曖昧に理解する - Qiita
JSXの事始め Reactを勉強し始めに 「JSXとはなんぞや」 というのを理解するとき 「なんとなくHtml風に書けるJavaScriptの拡張構文」 と理解している人が多いと思う。 ただ 「JSXはJavaScriptに変換される」 というのをどこかで勉強しないと途中でつまづくので、JSXについての理解をもう少し深める必要がある。 JSXはJavaScriptに変換される babelの変換結果を見れば一発なのだけど、JSXを書いているとき、babelでは次のように変換しているのだということを理解しておく必要があるんだけど、これについて解説しているものがあまりない。 例えば次のコード import React from 'react'; function render() { return <div>Foo</div>; }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CodeSandbox: Instant Cloud Development Environments
JSXの基本 – React入門
Reactで「Hello world」 – React入門 - to-R Media
【Reactを0から学ぶ】React で使う JSX とは何か | うつだってWebと英語で生きていける