Giter Site home page Giter Site logo

flutterland's Introduction

Flutterland

Referências do mundo Flutter para o MVP beta da Ecomilhas

FlutterWord

Um repositório com diversos conteudos sobre flutter como referências do MVP 2.0

giphy (aaaaa

RoadMap

Programming

  • Dart

UI WIDGETS

  • Stateless Widget:

    • Widget,
    • Parametros,
    • Arvore de widgets.
  • StateFull Widget:

    • Estado,
    • Hot reload,
    • SetState,
    • Ciclo de vida,
    • CreateState,
    • InitState,
    • Build,
    • DidUpdateWidget,
    • Dispose
  • Inherited Widget

    • BuildContext
    • Inherited Widgets que utilizamos mesmo sem saber:
      • FocusScope
      • MediaQuery
      • Form
      • Localizations
      • Navigator
    • Inherited Widget
    • Inherited Model
    • Ciclo de vida
      • DidChangeDependencies
      • WidgetsBinding
        • PostFrameCallBack
  • Considerações de desempenho

    • Separação de responsibilidade e estados
    • Componentização
    • Imutabilidade
    • Uso de constantes
    • Canonizaçao
    • Cachear subárvores
  • Persistencia de Estado

    • PageStorage
    • PageStorageKey
    • KeepAlive
    • AutomaticKeepAliveClientStateMixin
  • Problemas comuns

    • Problemas ao encontrar o context do Scaffold
    • Criando Builder
  • Accessibility

    • Theming
    • Localization
  • Style

    • Material
    • Cupertino

ASSETS

  • Fonts
  • Images
  • SVG
  • Audio e Video

Static User Interface

  • View
    • Text
    • Button
    • Image
  • ViewGroup
    • Container
    • Row
    • Column
    • Expanded
    • ConstrainedBox

Dynamic User Interface

  • ListView
  • GridView
  • ExpansionTile

Animations

  • AnimatedWidget
  • AnimatedBuilder
  • AnimationController
  • CurvedAnimation
  • Hero
  • Opacity

Storage

  • Shared Preference
  • File System
  • SqLite

3rd Party Libraries

  • http
  • dio
  • get_it
  • cached_network_image
  • font_awesome_flutter
  • SQFlite
  • Flutter_webview_plugin
  • rxdart
  • bloc_pattern

Behavior Components

  • Media Playback
  • Preference
  • Permission
  • Local Notification
  • Push Notification
  • Download Manager

State Management

  • setState
  • Provider
  • Redux
  • Bloc
  • Mobx
  • GetX

Quality Assurance

  • Firebase
    • Crashlytics
    • App distribution
    • Analytics
  • Google play beta tests
  • TestFlight
  • App Center

Firebase

  • Auth
  • Database
  • Storage
  • Messaging

Roadmap

Conteudos de computação

Statefull e Stateless Widgets

Por que Widgets no Flutter? Entendendo os tipos de Widgets do Flutter Entenda o BuildContext do Flutter Flutter — Lifecycle — Parte 1

Inherited Widget

InheritedWidget in Flutter Widgets herdados em profundidade Widget - Estado - BuildContext - InheritedWidget Como funciona o Inherited Widget? Inheriting Widgets How to use inherited widget in Flutter Managing Flutter Application State With InheritedWidgets Compartilhando Dados em Flutter: InheritedModel vs InheritedWidget inherited Model - doc

Design

A maneira como o Flutter faz a parte gráfica dos widgets independe da plataforma que está sendo utilizada, então se você utilizar o Material dentro do ìOS terá o mesmo resultado que no Android (e quaaaaase vice-versa), na documentação fica até um pouco claro isso:

The Material design language was created for any platform, not just Android. When you write a Material app in Flutter, it has the Material look and feel on all devices, even iOS.

Entretanto ao usar o Cupertino dentro do Android teremos a mesma interface visual, entretanto, as fontes serão diferentes, dado que a Apple tem o direito / licença em cima das fontes do sistema

You can technically run a Cupertino app on either Android or iOS, but (due to licensing issues) Cupertino won't have the correct fonts on Android. For this reason, use an iOS-specific device when writing a Cupertino app.

Dark Theme The color system about sound System icons Material Widgets Introdução ao Material Design Google Design Um guia para o design de materiais do Google Recomendamos componentes de design de material Using Material Design with Flutter

Cupertino Widgets Cupertino Codelabs Cupertino Cupertino app Aplicativo Flutter 1.2 Cupertino Flutter Cupertino App

Theming Flutter: Temas Temas em Flutter: Parte 1 Temas em Flutter: Parte 2 Flutter dynamic themes in 3 lines! Trocar temas em aplicativos Flutter Temas dinâmicos com Flutter

Localizations

Internacionalizando aplicativos Flutter Localizations Class Flutter Localization Internacionalização Flutter da maneira mais fácil - usando Provider e JSON

Considerações de desempenho

  • Const: Usamos para minimizar a alocação de memoria.
  • no geral para ser tudo imutável para seguir as boas práticas é necessário que todas as propriedades de uma classe sejam final. Assim só podemos dar o valor dessas variaveis uma vez, que é quando construimos o objeto.

O Fardo da Mutabilidade Como o uso de construtores 'const' pode melhorar a performance no Flutter? Flutter Performance Tips (#1): const constructors Const X final Desempenho Medir o tamanho do seu aplicativo Desempenho de renderização Metricas de desempenho

Persistencia de dados

PageStorage PageStorage PageStorageKey

Assets

Fonts Como usar uma fonte personalizada em um aplicativo Flutter Como incluir imagens em seu aplicativo Flutter Images Como adicionar imagens ao seu aplicativo Flutter SVG Audio Plug-in Flutter Sound (gravador e reprodutor de áudio) Rumo ao suporte de áudio total no Flutter Audio Player in Flutter Audio And Video Player Application Using Flutter A Comprehensive Guide to Playing Local mp3 Files (With Seek Functionality) in Flutter Flutter e YouTube Ativos, imagens e widgets de ícones

Widgets - User Interface

text Beginners Guide To Text Styling in Flutter Como a edição de texto funciona internamente no Flutter Classe TextTheme Classe TextStyle buttons Anatomy of Material Buttons in Flutter (PART 1) Anatomia dos botões de material em vibração (PARTE 2) Widgets Flutter (botões) Os Novos Botões de Material na Versão 1.22 do Flutter Flutter RaisedButton cookbook Botões - Material Flutter Layout Cheat Sheet Flutter Cheat Sheet

Sign in

Tutoriais

Testes

API's

Packages

Design

Sites

Arquiterura

Dart

Widgets

Youtube

Repositorios

Outros

UI

AWS

Articles

Introduction

Websites / Blogs

Tutorial

Beginner

Advanced

Howtos

Videos

Components

Demonstrations

UI

Sticky Headers

Drawers

Bottom bars

Bottom Sheets

Sliders

UI Helpers

Material Design

Cupertino Design

Effect

Calendar

Login

Backend-Driven

  • Dynamic Widget [660⭐] - Build your dynamic UI with json, and the json format is very similar with flutter widget code by Denny Deng.

Image

Map

Charts

Navigation

Auth

Text & Rich Content

  • Markdown [680⭐] - Markdown renderer for Flutter. It supports the original format, but no inline html.
  • Masked Text [213⭐] - Masked text with custom and monetary formatting by Ben-hur Santos Ott.
  • Zefyr [1581⭐] - Soft & gentle rich text editor by Memspace.
  • AutoSizeText [997⭐] - Automatically resizes text to fit perfectly within its bounds by Simon Leier.
  • Parsed Text [110⭐] - Interactive text based on content recognition, also supports Regex by Fayeed Pawaskar.
  • TeX [130⭐] - Render Mathematics Equations with full HTML and JavaScript support by Shahzad Akram.
  • Flutter Math [24⭐] - Fast & High-Quality Equation Rendering with pure Dart & Flutter support by James Wu.

Analytics

Internationalization

Build automation

Build solutions

Build articles

Styling

Media

Audio

Video

Voice

Storage

Preferences

Monetization

Templates

Web

Clone

Machine Learning

Vision

Augmented Reality

Plugins

  • Pub packages - Packages filter in Dart Pub Repository.
  • Plugins - Official Flutter Team Plugins.

Device

Scanner

Bluetooth / NFC / Beacon

Storage

Services

Log / Tracing

Crash monitoring

  • Sentry [332⭐] - Sentry provides self-hosted and cloud-based error monitoring that helps all software teams discover, triage, and prioritize errors in real-time by Flutter.

Frameworks

State management

Standard

  • Bloc [5473⭐] - Collection of packages that help implement the BLoC design pattern by Felix Angelov.
  • MobX [1624⭐] - Supercharge the state-management in your apps with Transparent Functional Reactive Programming (TFRP). Port of MobX from the Js/React land.

Redux / ELM / Dependency Injection

  • Built redux [79⭐] - Automatic subscribing to your redux stores. Based on the built pattern by David Marne.
  • Redux.dart [432⭐] - Port of Redux to Dart with an ecosystem of middleware, Flutter integrations, and time traveling dev tools by John Ryan and Brian Egan.
  • Redux [1335⭐] - Built to work with redux.dart, utilities that allow you to easily consume a Redux Store to build Widgets.
  • Inject [782⭐] - Compile-time dependency injection by Google.
  • Flux [355⭐] - Implementation of the Flux framework by Google.
  • Fish [6702⭐] - Alibaba Redux implementation.
  • Async Redux [146⭐] - Redux without boilerplate. Allows for both sync and async reducers by Marcelo Glasberg.

Widgets

Data

Animation

Misc

Testing

Others

  • AspectD [700⭐] - Aspect-oriented programming (AOP) framework for Flutter (Dart) by Kyle Wong.

Experimental

This section contains libraries that take an experimental or unorthodox approach.

Gaming

Game Engines

Open source games

Flame Engine

Open Source Apps

Premium

Top

Utilities

VSCode

IntelliJ / Android Studio

Desktop

Books

Learning Flutter - Beginners

Cookbooks

Bonus

Fun

Hardware

Interview questions

Community

Presentation material

  • Logo - Logo for stickers impressions.

Communication

Misc

🇧🇷 Brazil

🇨🇦 Canada

English

The best courses and series about Flutter and Dart available. Totally free!

YouTube:

Udemy:

Português

Os melhores cursos e séries sobre Flutter e Dart disponíveis. Totalmente gratuitos!

YouTube:

Udemy:

Espanol

Los mejores cursos y series sobre Flutter y Dart disponibles. Totalmente gratis!

Udemy:

flutterland's People

Contributors

lnicoleti avatar

Watchers

James Cloos avatar James Calhoun avatar Felipe Santos avatar Rairon Ferreira avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.