- Aprender os princípios de UI Design:
Antes de começar a montar telas, é preciso saber o que faz uma tela ser bonita e funcional:
- Princípios de Gestalt
- Hierarquia Visual
- Carga Cogitava
- Espaço Negativo
- Contraste
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8" /> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
</head> | |
<body> | |
<input type="number" id="txt" /> | |
<button onclick="clicar()">clicar</button> | |
This script is intended to run post os installation commands,
Such as for install packages, or do some configs, git and others..
Not tested on rWindows, no wanna do it, update it to handle this os if ya like.
Not all Linux distros has package managers covered by this script, sorry.
import 'react-native-gesture-handler'; | |
import React from 'react'; | |
import {MainScreen} from './MainScreen'; | |
import {SecondScreen} from './ComponentB'; | |
import {NavigationContainer} from '@react-navigation/native'; |
import React from 'react'; | |
import { View, TextInput } from 'react-native'; | |
import {Formik} from 'formik'; | |
// Baseado nas docs do Formik: https://formik.org/docs/guides/react-native | |
// Button customizado, faca o seu :D | |
const Form = ({action}) => { | |
return ( | |
<Formik initialValues={{ email: '' }} onSubmit={values => action(values)}> |
import { ChangeEvent } from 'react'; | |
function handleKeyUp(e: ChangeEvent<HTMLInputElement>) { | |
e.currentTarget.maxLength = 8; | |
let value = e.currentTarget.value; | |
value = value.replace(/\D/g, ""); | |
setNewZip(value) |
import 'reflect-metadata' | |
import express, { Request, Response, NextFunction } from 'express' | |
import 'express-async-errors' | |
// import cors from 'cors' | |
import { router } from './routes' | |
require('dotenv').config() | |
// const origins = [ | |
// 'http://localhost:3000',, |