App Masters

App Masters

  • English
  • Português

›Frontend

App Masters - Core

  • Início
  • Conteúdo

Backend

  • Adonis
  • Laravel
  • Livewire
  • Sequelize

Fundamentos de Javascript

  • Javascript Assíncrono
  • Typescript

Padrões de Projeto

  • Presentational Container Design Pattern

Frontend

  • Ant Design
  • Flexbox
  • Media Queries
  • React Hook Form
  • Redux
  • Redux-Saga
  • Redux-Thunk
  • Styled Components
  • Tailwind
  • TWA
  • Yup

Testes

  • Cypress
  • Detox
  • Jest

Ferramentas

  • Docker
  • nvm
  • Storybook
  • Visual Studio Code

CMS

  • Strapi

Ant Design

O que é

Package com uma lista grande de elementos visuais básicos para serem utilizados no React.

Como usar

Instalar o package utilizado npm install antd e importar os componentes que deseja utilizar.

import { DatePicker } from 'antd';
import 'antd/dist/antd.css'; // ou 'antd/dist/antd.less'

ReactDOM.render(<DatePicker />, mountNode);

Como aprender

Material útil

  • Getting started
  • Lista de componentes

Validando o conhecimento

  • Criar projeto básico com create-react-app e utilizar alguns dos componentes visuais.

Comandos úteis

Possíveis problemas

← Presentational Container Design PatternFlexbox →
  • O que é
  • Como usar
  • Como aprender
    • Material útil
    • Validando o conhecimento
  • Comandos úteis
  • Possíveis problemas
App Masters
App masters
Content
More
BlogGitHub
Copyright © 2022 App Masters