Getting Started - ReactXP
Building Your First ReactXP App To create your first ReactXP app, do the following: Clone the ReactXP repo locally: git clone https://github.com/microsoft/reactxp. Open the samples directory and pick one of the samples and copy its directory to a new location. Hello-World provides a bare-bones starting app. Hello-World-js is a variant of Hello-World written in Javascript rather than TypeScript. To
React+Electronアプリを作ってみよう
こんにちは。前置きは抜きにすぐ作ります。 Create Application 01: create-react-app まずはcreate-react-appです。なかったらnpm install -g create-react-appしてください。 うまくいったらyarn startで起動しましょう。しましたか？うまくいってるのを確認したら即刻ジョブ止めましょう。もう二度とyarn startを実行することはありません。 02: install Some Package 以下のパッケージをインストールしてください。最新ので問題はないはずです。すべてインストール時に--dev-dependenciesを付けることを忘れないでください。まあ忘れてもいいです。 electron npm-run-all 03: setting up Electron こちらのgistを参照してください。 次に
Introduction · react-sketchapp
render React components to Sketch; tailor-made for design systems Quick-start 🏃 First, make sure you have installed Sketch version 50+, & a recent npm. Open a new Sketch file, then in a terminal: git clone https://github.com/airbnb/react-sketchapp.git cd react-sketchapp/examples/basic-setup && npm install npm run render Next, check out some more examples! Why?! Managing the assets of design syst
11 React Examples
Summary In this post, I present 11 React projects that I recently created with the objective of helping those new to React to get up and running. This is not a tutorial. Instead, this is a project reference by which to learn by example. The projects can be found as listed: Starter Clicker - live demo here Basic Clock - live demo here Basic Timer - live demo here Advanced Timer - live demo here Mov
Simple React Patterns | Lucas Reis' Blog
I've been writing React applications for a few years now, and I've noticed that some patterns tend to repeat themselves. In this post, I'll review these patterns which will summarize about 99% of the React code I write every day. As a sample spec, let's build an app that fetches information about the Dagobah planet from Star Wars API and shows it to the user. Simple everyday patterns About 95% of
React is Slow, React is Fast: Optimizing React Apps in Practice
React is Slow, React is Fast: Optimizing React Apps in Practice React is slow. I mean, any medium-size React application is slow. But before you start looking for alternatives, you should know that any medium-size Angular of Ember application is slow, too. And the good news is: If you care about performance, it's fairly easy to make any React application super fast. Here is how. Mesuring React Per
RailsでReactを使ってメッセージボックスアプリを作成 - Rails Webook
react-railsというReact.jsをRailsに簡単に統合できるgemを使い、React.jsについて説明します。 次のような画面をReact.jsで実装し、Reactとサーバ(Rails)間でメッセージ一覧の取得や作成をできるようにします。 ソースコードはこちらです。 https://github.com/nipe0324/rails_samples/tree/master/react_test 目次 react-railsのインストール Reactのコンポーネントの表示 メッセージボックスの概要 メッセージボックスのリストを作成 メッセージフォームを作成 サーバーサイド(Rails)との連携 動作確認 Ruby 2.2.0 Rails 4.2.3 react-rails 1.4.2 react 0.14.2 0. React.jsとはReact.jsはMVCフレームワークでい
Rail5.1のwebpackとReactを試してみた | AstLab
Rail5.1でwebpackとかReactとか使えるようになったよと聞いて、試してみました。 実際にRails+Webpack+Reactでローカル環境で動かすまでにnpmでRactモジュールをインストールしたり、私の環境ではwebpack（config)の設定を少し変えたりしなければいけなかったのでメモです。 成果物は、下記にアップしています。 https://github.com/forest6511/rails5.1-beta-react-webpack 前提条件npmがインストールされていることnodeがインストールされていることruby/rails5.1がインストールされていることnodeやnpmとかってバージョンが違ったりするとハマるので、アップしたgitのほうに試したバージョンを記載しています。 rails5.1でwebpack + reactアプリの作成アプリ作成時に–w
「Reactの難しさ」を分解しよう - タオルケット体操
他のライブラリと比べるまえに まず、ReactとjQueryと比べるのはやめよう 「テンプレートエンジン」として捉えて、シンタックスを攻撃するのをやめよう ライブラリとしてのReactはとても簡単 Reactの思想を理解するのはチョットムズカシイ 環境構築が難しい JavaScriptそのものが難しい GUIが難しい jQuery時代からのパラダイムシフト フレームワーク関係者の情報量が多い SPAはとりわけ難しい まとめ ずっと感じてたもやもやを書き連ねたら長くなってしまったが、ぼんやりとReactとかなんか難しそうだしめんどくさいから新規案件だけどjQueryでやろっかなどうしよっかなーと迷っている人の指針になってくれればうれしい。 他のライブラリと比べるまえに まず、ReactとjQueryと比べるのはやめよう 出た時から延々と言われ続けているものの、やっぱり今でもjQueryとRe
amakan の React コンポーネント設計 - ✘╹◡╹✘
説明用の図 例として、amakan anime のトップページ https://anime.amakan.net/ の構造を挙げながら説明する。(ところで amakan anime は今月中に完成予定のサービスで実験的に公開している状態なので、まだまだ至らないところが多々あります…) 登場するコンポーネント一覧 React.Component クラスを継承したクラスをコンポーネントと呼ぶ。主に登場するコンポーネントは以下の通り。 Header Layout Router VideoPrograms Router コンポーネント 最上位のコンポーネントとして、Router コンポーネントが存在する。このコンポーネントを利用して、ページごとにどのコンポーネントを表示すべきかを分岐させる。amakan anime のトップページでは VideoPrograms コンポーネントを描画し、amaka
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - syumai/react-vue-examples: Examples of react-vue
GitHub - facebook/create-react-app: Set up a modern web app by running one command.
Victory