Skip to content

Instantly share code, notes, and snippets.

View ThiagoMarques's full-sized avatar
🎯
Focusing

Thiago Marques ThiagoMarques

🎯
Focusing
View GitHub Profile
@ThiagoMarques
ThiagoMarques / webpack.config.js
Created October 30, 2022 19:08
Webpack em create-react-app
// @remove-on-eject-begin
/**
* Copyright (c) 2015-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
// @remove-on-eject-end
'use strict';
@ThiagoMarques
ThiagoMarques / App.js
Created October 30, 2022 18:30
Atualização com CSS
import React from 'react'
import './App.css'
const App = () => {
return (
<a href="https://www.google.com.br" target="_blank">
Google
</a>
)
}
@ThiagoMarques
ThiagoMarques / App.css
Created October 30, 2022 18:27
Arquivo CSS
a {
font-size: 1.5rem;
color: black;
}
@ThiagoMarques
ThiagoMarques / webpack.config.js
Last active October 30, 2022 18:30
Atualização do webpack.config.js com loader CSS
module.exports = {
devServer: {
static: './',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
@ThiagoMarques
ThiagoMarques / index.js
Last active October 30, 2022 18:17
Atualização com JSX
import ReactDOM from 'react-dom'
import React from 'react'
import App from './App'
ReactDOM.render(<App />, document.getElementById('root'))
@ThiagoMarques
ThiagoMarques / App.js
Created October 30, 2022 18:14
Atualização do App.js
import React from 'react'
const App = () => {
return (
<a href="https://www.google.com.br" target="_blank">
Google
</a>
)
}
@ThiagoMarques
ThiagoMarques / webpack.config.js
Created October 30, 2022 18:04
Configuração do Babel no Webconfig
module.exports = {
devServer: {
static: './',
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
@ThiagoMarques
ThiagoMarques / index.js
Created October 30, 2022 17:50
Exemplo em React
import ReactDOM from 'react-dom'
import App from './App'
ReactDOM.render(App(), document.getElementById('root'))
@ThiagoMarques
ThiagoMarques / App.js
Created October 30, 2022 17:49
Exemplo em React
import React from 'react'
const App = () => {
return React.createElement(
'a',
{ href: 'https://www.google.com.br', target: '_blank' },
'Google',
)
}
@ThiagoMarques
ThiagoMarques / package.json
Created October 30, 2022 17:31
Package Json após instalação do React
{
"name": "react",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack serve --mode development --open --hot",
"build": "webpack --mode production",
"test": "echo \"Error: no test specified\" && exit 1"
},