Reactの勉強でよくあるサンプルをいろいろと書いてみたまとめです。 同じ環境でやりたい人はこちらで準備してください。 webpackでReact.jsとwebpack-dev-serverを使えるようにする もくじ Hello World[…]
タグ: React
ReactでSPAを作る時、ページ遷移ってどうするのかなと調べているとReact Routerにたどり着いたので試してみました。 React Router Reactを試す環境がある方はそれで、なければ以下で環境の作り方書いてます。今のとこ[…]
前回はReact.jsを使えるようにしたり、webpack-dev-serverを使ってみました。 webpackでReact.jsとwebpack-dev-serverを使えるようにする React.jsでJSを書いていけるようになったの[…]
React Nativeメモ 前回こんな記事を書いたついでにReact Nativeの方でも試してみました。 WP REST API v2を使って記事一覧をReactで取得してみる コードは以前書いたGitHub API使うやつとほぼ一緒な[…]
最近よく聞くWP REST API。興味はありましたがなかなか触れずいましたが、ようやく触ってみました。 WP REST API v2 WP REST API v2を有効化 まずは以下のプラグインをインストールして有効化します。 WP RE[…]
面白いのあるよと教えていただいいた「Gatsby」というものを使ってみました。 ギャッツビーって頭につけるアレしか思いつかないですが。 Transform plain text into dynamic blogs and websites[…]
Reactを試すときいちいち環境作るの面倒なので、勉強ついでにスターターキット的なのを作ってみました。 中身はこんな感じです。 React Babel CSS Loader Webpack React Hot Loader Hot Load[…]
GitHub APIを使って、GitHubリポジトリ一覧をReact Nativeで表示させるというものをやってみました。 こんな感じのURLで一覧を取得できます。 「ユーザーID/[…]
React Nativeを始める時の覚書です。 Node.jsが入ってる前提で書きます。 インストール 公式サイトの通り進めればいいですが、Nodeが入っていれば以下をターミナルで打つだけでいいです。 プロジェクト作成 インストールが終わっ[…]
ReactとRailsの勉強がてらPocketみたいなのを作っています。 Pocketは知ってる人多いのではないでしょうか? サイトをブックマークするサービスです。 pocket はてブと近いと思います。 作りたい仕様 ブログやサイトのUR[…]