Skip to content

Instantly share code, notes, and snippets.

View zaguiini's full-sized avatar
🏠
Working from home

Luis Felipe Zaguini zaguiini

🏠
Working from home
View GitHub Profile
@zaguiini
zaguiini / usage.tsx
Created March 6, 2019 16:44 — forked from sibelius/usage.tsx
useSelectRows is a hook that manage a list of selected items, so you don't have to
const MyUserSelectableList = ({ users ) => {
const { onRowCheck, isRowSelected } = useSelectedRows();
return (
<>
{users.map(user => (
<>
<Checkbox value={isRowSelected(user)} onChange={(value) => onRowCheck(user, value)} />
<span>{user.name}</span>
</>
@zaguiini
zaguiini / Router.js
Last active January 9, 2019 11:57
Treta do Bundle
import React, { Component } from 'react';
import { Switch, Route } from 'react-router-dom';
const PAGES = [
{
name: 'Home',
path: '/',
loader: './pages/Home',
},
];
function login() {
// login logic here
}
class LoginForm extends React.PureComponent {
render() {
return (
<form onSubmit={login}>
<input type="email" /><br />
<input type="password" /><br />
@zaguiini
zaguiini / codigo-menos-feio.swift
Created August 28, 2018 22:59
An example of less ugly code
let tags: [String] = ["vNome", "vLocal", "vData", "vEquipe", "vAmigos", "vReferencia"]
for tag in tags {
form.rowByTag(tag)?.disabled = true
form.rowByTag(tag)?.evaluateDisabled()
}
@zaguiini
zaguiini / codigo-feio.swift
Created August 28, 2018 22:58
An example of Ugly code
form.rowByTag("vNome")?.disabled = true
form.rowByTag("vNome")?.evaluateDisabled()
form.rowByTag("vLocal")?.disabled = true
form.rowByTag("vLocal")?.evaluateDisabled()
form.rowByTag("vData")?.disabled = true
form.rowByTag("vData")?.evaluateDisabled()
form.rowByTag("vEquipe")?.disabled = true
form.rowByTag("vEquipe")?.evaluateDisabled()
form.rowByTag("vAmigos")?.disabled = true
form.rowByTag("vAmigos")?.evaluateDisabled()
import React from 'react'
import classNames from 'classnames'
import styles from './styles.module.scss'
export default ({ negative = false, name, surname }) => (
<div
className={classNames(
styles['name-container'],
negative && styles['name-negative'],
{
test: /(?<!\.module)\.scss$/,
use: [
require.resolve('style-loader'),
{
loader: require.resolve('css-loader'),
options: {
importLoaders: 1,
},
},
import React from 'react'
import store from './store'
import { Provider } from 'react-redux'
import Main from '@/views'
export default () => (
<Provider
store={store}
import React from 'react'
import {
BrowserRouter,
Route,
} from 'react-router-dom'
import Home from './Home'
import Settings from './Settings'
export default () => (
import { createStore, applyMiddleware } from 'redux'
import createSagaMiddleware from 'redux-saga'
import loggerMiddleware from 'redux-logger'
import combinedReducer from 'src/store/reducers'
import rootSaga from 'src/store/sagas'
const sagaMiddleware = createSagaMiddleware()
sagaMiddleware.run(rootSaga)