サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
猫
qiita.com/yaaah93
ドキュメントに書かれていますがReactTransitionGroupとReactCSSTransitionGroupはReact v15.5.0以上では非推奨となったようです。 代わりにreact-transition-groupのTransitionGroupとCSSTransitionGroupを使うことが推奨されるようです。 マニュアル通りですが備忘録てきに... react-transition-groupのインストール import React, { Component } from 'react'; import ReactDOM from 'react-dom'; // React-Transition-Groupをインポート import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup'
実際に使ったことがなかったのでお試し程度に触ってみました。 事前準備 webpackとreactをインストール。 この記事ではReact Router v3の内容です。 v4になって変更点が多々ありますのでそのままでは動作しません。 (2018/3/1)ようやくv4の記事も書きました。Webpack4を試すついでReact-Router4 $ npm install --save react react-dom react-router $ npm install --save-dev webpack babel-core babel-loader babel-preset-es2015 babel-preset-react var path = require('path'); var webpack = require('webpack'); module.exports = [ {
var path = require('path'), ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = [{ context: path.join(__dirname, 'src/css'), entry: { style: './style.scss' }, output: { path: path.join(__dirname, 'public/css'), filename: '[name].css' }, module: { loaders: [ { test: /\.scss$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader?-url&minimize&sourceMap!sass-loader'
{ "name": "asset", "version": "1.0.0", "description": "", "main": "webpack.config.babel.js", "scripts": { "watch": "webpack --watch --progress" }, "author": "", "license": "ISC", "devDependencies": { "babel-core": "^6.22.1", "babel-loader": "^6.2.10", "babel-preset-es2015": "^6.22.0", "babel-preset-es2015-riot": "^1.1.0", "riotjs-loader": "^4.0.0", "webpack": "^1.14.0" }, "dependencies": { "riot":
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く