タグ

reactに関するamerica66のブックマーク (5)

  • React × TypeScript × Firebase on VSCode メモ

    VSCodeのインストール ・VScodeMicrosoftが開発している無償のコードエディタ。Visual Studio Code。 ・Windowsはもちろん、MacOSLinuxにも対応。 ・拡張機能により様々な機能の追加ができる。 ・Git連携も可能。 ・IDEのように動作し、デバッグ機能などもある。 入手先 インストール デフォルト設定で問題ないが ・エクスプローラーのファイルコンテキストメニューに[Codeで開く]アクションを追加する ・エクスプローラーのディレクトリコンテキストメニューに[Codeで開く]アクションを追加する にチェックをいれておくとより良い。 Node.jsのインストール React開発上でnpm(Node Package Manager)は必須。 npmを使用するためにはNode.jsをインストール必要がある。 入手先 初心者は何も考えずにLTS版をダ

    React × TypeScript × Firebase on VSCode メモ
  • Rust / yew で 仮想DOMなウェブアプリケーションを作ってみた - Qiita

    前提として、自分の Rustの知識は 1年に1回ぐらい思い立った時にちょろっとやるぐらいで、基礎文法をググりながら、複雑なライフタイムとか書こうとすると手が止まる程度の知識。勘で書いてる。 前提 cargo build --target wasm-unknown-unknown ができるようになるまでは省略。 調べた感じ、Rustwasm ビルドでウェブの何かしらをやろうとすると、次のような選択肢がある。 プレーンな wasm。基的に数値(float)だけしか扱えない。ポインタの開始位置とサイズを返し、wasm メモリ空間のArrayBufferを自前でデコードする https://github.com/rustwasm/wasm-bindgen : ↑で生成された wasm の読み込みラッパーやTSの型定義、Rust 側からJSのメモリ空間を参照する諸々をやってくれるツール。 j

    Rust / yew で 仮想DOMなウェブアプリケーションを作ってみた - Qiita
  • create-react-appを使ってCI - Qiita

    create-react-appとReact.jsの練習を兼ねてmacのメモっぽい何かを作ってみます。 Facebookのライセンスまわりが炎上しているようですが・・・。 Reactに限らずJavaScriptを使って開発しようとするとwebpack, gulp, babel, Jest等など開発環境整えるのまじ面倒くさい。面倒くさいので一度作るとずっとそのままでいつの間にか古くなっています。 Create React Appはその面倒な環境を一発で整えてしかも自分で作るよりもビルドがなんか速い! そして、テストツールのJestが組み込まれているのでせっかくなのでCIする環境を構築してみました。 ソース他 GitHub GitHub Pages heroku 1. アプリ仕様 macのメモアプリっぽいなにかを作る。 データはlocalStorageへ保存。 2. 構成 変わったことはしない

    create-react-appを使ってCI - Qiita
  • ES6版React.jsチュートリアル - Qiita

    はじめに 初心者による初心者のための記事 React.js公式チュートリアルの和訳風 ES6 さらっと仮想DOM調べてみたよ、ぐらいの人向けです。 JavaScript初心者、ES6初心者、React初心者向けかつ僕がそうです。 なので間違いがあるかもしれません。見つけたら教えて下さい。 公式のチュートリアルはこちらです。 React Tutorial React チュートリアル (和訳) 公式Documentのソース (Markdown) 環境 Mac OSX Node.js v0.12.7 Gulp 3.9.0 React 0.13.3 作るもの 公式のTutorialに沿って、シンプルなコメントボックスをReactで作成します。 次の機能を提供するものです。 すべてのコメントの表示機能 コメント投稿フォーム バックエンドサーバーとの連携 また、次の特徴を持っています。 更新最適化:

    ES6版React.jsチュートリアル - Qiita
  • React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita

    手元でコードを書きながら React.js を学習しようと、タイトルどおりの最小構成を作ってみました。 上記の公式ページの Starter Kit や Tutorial の構成が物足りなかったので.. GitHub に置いたので、よろしければ参考にしてください。 ⇒ https://github.com/hkusu/react-babel-browserify-gulp-sample 上記の README.md に記載している通り、特徴としては次のとおりです。 ECMAScript 6 構文のサポートおよび JSX ファイルのコンパイルに Babel を利用 依存モジュールの管理(CommonJS準拠)に Browserify を利用 タスクランナーとして gulp を利用 またサンプルコードとして、簡単なデータバインドを React.js で実装してあります。デモは こちら(GitHub

    React.js + Babel + Browserify + gulp の環境を作ってみた - Qiita
  • 1