LoginSignup
0
0

More than 5 years have passed since last update.

react16 x bootstrap with material design がよさげ

Posted at

特徴

react v16対応
MIT

どんなコンポーネントがあるか

github からcloneして

$ yarn install
$ yarn start

ただ、おそらくエントリポイントになるindex.htmlがないと
怒られるはずなので設置してあげたらひとまず動きました

public/index.html
<!doctype html>
<html lang="en">
  <head>
    <!-- The first thing in any HTML file should be the charset -->
    <meta charset="utf-8">

    <!-- Make the page mobile compatible -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="/favicon.ico" />
    <title>MDB</title>
  </head>
  <body>
    <!-- Display a message if JS has been disabled on the browser. -->
    <noscript>If you're seeing this message, that means <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>

    <!-- The app hooks into this div -->
    <div id="root"></div>
    <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically includes all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this HTML file. Don't add any assets here! (Check out the webpack config files in config/webpack for details) -->
  </body>
</html>

こんなページが立ち上がるであとはコンポーネントいじってみたりされるとよいかと思います。
私が試したのはv4.3.0です

スクリーンショット 2018-05-06 14.18.03.png

reactのUIはmaterial-ui一択とかなのかなぁと思ってたらイケてるものもあるんですね
これ使って何がダメだったかもフィードバックできればと思います

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0