This is a workshop so,
please prepare laptop or smartphone to join!

Who am I?

• Leticia Perrino
• leticia.perrino@gmail.com
• Back-end developer
• VSCode
• I use tabs.

Main goal

Build modern microservices in Python with a high performance and asyncronous support

DRF is really great but… too heavy, so…

Main Tecnologies used

• FastAPI: A modern, fast (high-performance), web framework for building APIs
• Pydantic: Data validation and settings management
• SQLModel: Library for interacting with SQL databases (it depends on SQLALchemy, Python SQL toolkit and ORM)
• Alembic: A lightweight database migration tool for usage with the SQLAlchemy

Overview

Pros:

• API doc integrated (swagger)
• Async support
• Great framework documentation
• Free database to choose
• Dependency Injection support
• Data validation and serialization

Cons:

• Free database to choose
• Develop tools must be created or dependencies (shell, admin portal, ORM…)
• Well-design code and architecture must be defined or you will get a great
• Not support singleton using its DI

Our comparative

Feature	DRF	FastAPI
CBV		Supported with external aid (fastapi-utils)
Data Serializing and validation
DB integration		You choose
Swagger/OpenAPI integration
Authentication
Data pagination		Supported with external aid (fastapi-pagination)

Hero app manager (1)

• Main structure
  

• Basic core
  

Hero app manager (2)

• Api core and views
  

• Core services and validation schemas
  

Layers architecture

Basic steps

• TODO Descargar el proyecto base
• Crear un entorno virtual e instalar las dependencias
• TODO Ejecutar las migraciones
• TODO Probar a arrancar el servidor de FastAPI
• A fluir

Usage flow

digraph {
  compound=true
  rankdir=RL

  graph [ fontname="Source Sans Pro", fontsize=20 ];
  node [ fontname="Source Sans Pro", fontsize=18];
  edge [ fontname="Source Sans Pro", fontsize=12 ];


  subgraph core {
    c [label="Hackmd-it \ncore"] [shape=box]
  }
  
  c -> sync [ltail=session lhead=session]

  subgraph cluster1 {
     concentrate=true
    a [label="Text source\nGithub, Gitlab, ..."] [shape=box]
    b [label="HackMD Editor"] [shape=box]
    sync [label="sync" shape=plaintext ]
    b -> sync  [dir="both"]
    sync -> a [dir="both"]
    label="An edit session"
  }
}

Architecture of extension

Content script

• Bind with each page
• Manipulate DOM
• Add event listeners
• Isolated JavaScript environment
  • It doesn't break things

• onMessage('event'): Register event listener
• sendMessage('event'): Trigger event

• Dead simple API
• Only cares about application logic

import * as Channeru from 'channeru'

// setup channel in different page environment, once
const channel = Channeru.create()

// in background script
const fakeLogin = async () => true

channel.answer('isLogin', async () => {
  return await fakeLogin()
})

// in inject script
const isLogin = await channel.callBackground('isLogin')
console.log(isLogin) //-> true

Wrap up

• Cross envornment commnication
• A small library to solve messaging pain
• TypeScript Rocks

Thank you!

You can find me on

• GitHub
• Twitter
• or email me