Skip to content

Instantly share code, notes, and snippets.

View ligabloo's full-sized avatar

Matheus Ligabue ligabloo

View GitHub Profile
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
* {
box-sizing: border-box;
}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
background-color: white;
margin: 0;
@ligabloo
ligabloo / atomic-styles-from-theme-react-native.ts
Created November 4, 2021 22:28
Generate React Native atomic styles from theme configuration
import { StyleSheet } from "react-native";
type ThemeConfigKey = "colors" | "space" | "fontSizes";
type ThemeConfigEntry = Record<string, unknown>;
type ThemeConfig = Record<ThemeConfigKey, ThemeConfigEntry>;
type FlattenedThemeEntry = {
token: keyof ThemeConfig[ThemeConfigKey];
property: ThemeConfigKey;
value: unknown;
};
import { createApi, fetchBaseQuery } from '@rtk-incubator/rtk-query';
export const api = createApi({
reducerPath: 'api',
baseQuery: fetchBaseQuery({
baseUrl: process.env.REACT_APP_API_URL,
prepareHeaders(headers) {
const token = localStorage.getItem('accessToken');
if (token) {
const SearchContext = createContext({});
const SearchProvider = ({children}) => {
const [artistsData, setArtistsData] = useState([]);
const [searchTerm, setSearchTerm] = useState([]);
async function fetchArtistsData() {
// ..pega dados dos artistas
setArtistsData(data);
@ligabloo
ligabloo / ecsy-keyboard-system.ts
Last active August 25, 2020 20:13
An initial implementation of keyboard state for my ECSY game.
class KeyState {
isPressed: boolean;
timeSinceChanged: number;
constructor(isPressed) {
this.isPressed = isPressed;
this.timeSinceChanged = 0;
}
}