Material-UIのwithStylesで指定するstylesCreatorの中で親からpropsとして受け取った値を動的に適応させるHOC - Qiita
import React, { Component } from "react"; import { withStyles } from "@material-ui/core/styles"; import Button from "@material-ui/core/Button"; const styles = theme => ({}); const ExtendButton = props => { const { children } = props; return <Button variant="contained">{children}</Button>; }; export default withStyles(styles)(ExtendButton);
material-uiの見た目を調整する3つの方法 - Qiita
概要 普通のやり方で調整 -> style, className 個別に調整 -> withStyles 全体の見た目を調整 -> MuiThemeProvider 環境 material-ui v1.0.0-beta.17 （本質ではないけど、rails 5.1.4のwebpackerで動作させています） 最終的なフォルダ構成 アプリ（調整前） 以下のアプリに対して、「普通のやり方」、「個別に調整」、「全体の見た目を調整」を適用していく。 import React from 'react' import ReactDOM from 'react-dom' import DraftApp from '../containers/draft/DraftApp' document.addEventListener('DOMContentLoaded', () => { ReactDOM.ren
Material Designを語りつくす！「Google I/O Extended 2018 Shibuya」資料まとめ｜Goodpatch Blog グッドパッチブログ
イベントレポート Material Designを語りつくす！「Google I/O Extended 2018 Shibuya」資料まとめ Googleが毎年開催する開発者向けのカンファレンス「Google I/O」。エンジニアなら、参加したことがある方も多いのではないでしょうか。 もちろんGoodpatchからも、毎年メンバーが参加しています。 2017年のレポート：Google I/O 2017レポ &「How Well Do You Know the Web?」紹介 2016年のレポート：Google I/Oに行ってきた！グッドパッチ目線レポート 2017年まではエンジニアのメンバーが参加していましたが、2018年はUIデザイナーのメンバーが参加。現地で得たナレッジを日本のデザイナーコミュニティに還元するべく、報告会「I/O Extended 2018 Shibuya (Mater
webpack+React+material-uiの環境を最小手順で作成 - Qiita
などをやってください。 以下の内容は古くなりました。 表題通りでReactとmatrial-uiを使ったウェブページをwebpackを使って最小手順で作るための手順をまとめた。 準備 まずはディレクトリを作成してnpmの準備をする。 $ mkdir webpack-exe $ cd webpack-exe $ npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sane defaults. See `npm help json` for definitive documentation on these fields and exactly what they do. Use `np
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
