はてなブックマーク

準備 create-react-app create-react-appを使用して、実装準備を行います。 ターミナルから下記のコマンドを実行します。 #プロジェクト作成 create-react-app プロジェクト名 #プロジェクトディレクトリへ移動 cd プロジェクト名 #yarnインストール yarn install #FormikとYupをインストール yarn add formik yup #yarnを実行 yarn start import React from "react"; import { render } from "react-dom"; import { withFormik } from "formik"; import Yup from "yup"; // Formikで覆う関数 // Destructuringで各値にpropsを代入 const MyInn

[DAY 01] ReactでHelloWorldとカードアプリ作成 ~0からreact習得記 day 01~ [DAY 02] 手軽にes2015を実行する為にreplツールを調査しました ~0からreact習得記 day 02~ [DAY 03] styled-componentsを使用してスタイリングを行う ~0からreact習得記 day 03~ [DAY 04] ES2015を覚えるならコレ！ES2015のおすすめ学習リソース一覧 ~0からreact習得記 day 04~ [DAY 05] JavaScriptの関数を簡単にまとめる ~0からreact習得記 day 05~ [DAY 06] JavaScriptの高階関数って何ですか？ ~0からreact習得記 day 06~ [DAY 07] Reactでカウンターアプリを作る！ ~0からreact習得記 day 07~ [D

Reactのコンポーネントをステートレスに！！！recomposeとは？ ~0からreact習得記 day 09~ これまでのreact習得記は、こちらから閲覧できます。 はじめに 株式会社VRizeでインターンとして勤務しているryo_tです。 短期目標に「１ヶ月でReactのUIを開発できるように」と伝えられたので、Reactはほとんど未経験ですが一歩一歩頑張って行きます。 目的 Higher-order Componentsとrecomposeを理解してコンポーネントに状態を持たせない設計を 行える様にする。 Qiitaで検索してもrecomposeの記事は13件しか（2017年10月12日現在）なかったので、使い方を簡単にまとめてみようと思います。 用語整理 recomposeはHigher-order Componentsを作成・提供するための便利関数ライブラリです。 React

をterminalで入力して実行結果を確認してください。 問題文だけが記述されているのではなく、ES5との比較や学習項目の内容も丁寧に説明されているのでとても分かりやかったです。 どうしても答えが分からない時は、https://github.com/yosuke-furukawa/tower-of-babelの exercises/各レッスン/solutions/の中の.jsファイルに記述されています。 NodeSchool NodeSchoolとはJavaScriptやそれに関連する技術を無料で学ぶ事の出来るオープンソースのツールです。名前にNodeと入っていますが、学べる科目はNodeだけではなく、JavaScriptに関連した様々な科目を学ぶことが出来ます。先程紹介したTower of BabelもNodeSchool内の科目の一つです。学びたい科目を一度ホームページから探してみるの