matheusml

Verifying my Blockstack ID is secured with the address 1BwQZHU6Hi4xA1KoYao83Swad5bbfeBtxd https://explorer.blockstack.org/address/1BwQZHU6Hi4xA1KoYao83Swad5bbfeBtxd

matheusml

$ yarn global add create-react-app
$ npm install -g create-react-app
$ create-react-app NOME_PROJETO
$ cd NOME_PROJETO

matheusml

yarn add create-react-app

matheusml

{
  test: /\.css$/,
  loader: 'style-loader!css-loader',
},
{
  test: /\.scss$/,
  loader: 'style!css-loader?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]',
}

matheusml

.button {
  background-color: blue;
  border: none;
  color: white;
  padding: 5px 10px;
}

matheusml

import React from 'react';

import styles from './styles.css';

const Main = () => (
  <button
    onClick={() => alert('Clicked')}
    className={styles.button}
  >Click me</button>
);

matheusml

import React from 'react';

const styles = {
  backgroundColor: 'blue',
  border: 'none',
  color: white,
  padding: '5px 10px'
};

const Main = () => (

matheusml

#button {
  background-color: blue;
  border: none;
  color: white;
  padding: 5px 10px;
}

matheusml

$("#button").bind("click", function() {
  alert("Clicked");
});

matheusml

<div>
  <button id="button">Click me</button>
</div>