Skip to content

Instantly share code, notes, and snippets.

View jucian0's full-sized avatar
🇧🇷

Juciano jucian0

🇧🇷
View GitHub Profile
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
@jucian0
jucian0 / index.css
Created February 2, 2020 22:40
arquivo principal de estilo
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
@jucian0
jucian0 / styles.css
Created February 2, 2020 22:42
estilo dos components
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
import { createStore, applyMiddleware } from "redux";
import { composeWithDevTools } from "redux-devtools-extension";
import reducers from "./todos";
import { Todo } from "./todos/reducer";
import { asyncActionMiddleware } from "redux-infinity-state";
const composeEnhancers = composeWithDevTools({});
export interface AppState{
import { combineReducers, Reducer } from "redux";
import {reducer} from "./reducer";
export default combineReducers({
todos: reducer as Reducer
});
import Axios, { AxiosResponse } from 'axios'
import { from, Subscription } from 'rxjs'
import {createState, Method, Service} from 'redux-infinity-state'
export interface Todo {
id: number
text: string
complete: boolean
}
import "./styles.css";
import React,{ useState, FormEvent } from "react";
import { useSelector, useDispatch } from "react-redux";
import { AppState } from "./store";
import {actions} from "./store/todos/reducer";
const TodoList = () => {
const [inputText, setInputText] = useState('');
const todos = useSelector((state:AppState) => state.todos);
import "./styles.css";
import React,{ useState, FormEvent } from "react";
import { useSelector, useDispatch } from "react-redux";
import { AppState } from "./store";
import {actions} from "./store/todos/reducer";
const TodoList = () => {
const [inputText, setInputText] = useState('');
const todos = useSelector((state:AppState) => state.todos);
import React from "react";
import { Provider } from "react-redux";
import store from "./store";
import TodoList from "./TodoList";
const App = () => (
<Provider store={store}>
<TodoList />
</Provider>
);
import { INITIAL_STATE, actions, reducer } from "."
import Axios from "axios"
import { asyncActionMiddleware } from "redux-infinity-state/build/main/lib/asyncActionMiddleware"
import configureMockStore, { MockStore } from 'redux-mock-store'
import { AnyAction } from "redux"
describe("Test Methods Todos Context", () => {
const todoText = "Todo Test"
it("Test AddTodo", () => {