Tiarê Balbi tiarebalbi

Document for the best design choices you can make for your software.

Terminology

DDD - [Domain Driven Design][ddd-wikipedia]
FF or FTF - Function First Design, or File-type First Design is structuring your application by it's function before the files such as a directory named components containing all component files.

File Structure

Structuring applications is hard, here are a few resources to help.

Document for the best design choices you can make for your software.

Terminology

DDD - [Domain Driven Design][ddd-wikipedia]
FF or FTF - Function First Design, or File-type First Design is structuring your application by it's function before the files such as a directory named components containing all component files.

File Structure

Structuring applications is hard, here are a few resources to help.

	-- Entidades

	CREATE TABLE Contacts
	(
	ContactID SERIAL PRIMARY KEY
	);

	CREATE TABLE Deals
	(
	DealID SERIAL PRIMARY KEY

	import { useState } from 'react'
	import { RadioGroup } from '@headlessui/react'

	const colors = [
	{ name: 'Pink', bgColor: 'bg-pink-500', selectedColor: 'ring-pink-500' },
	{ name: 'Purple', bgColor: 'bg-purple-500', selectedColor: 'ring-purple-500' },
	{ name: 'Blue', bgColor: 'bg-blue-500', selectedColor: 'ring-blue-500' },
	{ name: 'Green', bgColor: 'bg-green-500', selectedColor: 'ring-green-500' },
	{ name: 'Yellow', bgColor: 'bg-yellow-500', selectedColor: 'ring-yellow-500' },
	]

	!include https://raw.githubusercontent.com/adrianvlupu/C4-PlantUML/latest/C4.puml
	' uncomment the following line and comment the first to use locally
	' !include C4.puml

	' Scope: A single software system.
	' Primary elements: The software system in scope.
	' Supporting elements: People and software systems directly connected to the software system in scope.
	' Intended audience: Everybody, both technical and non-technical people, inside and outside of the software development team.

	' Colors

	import { sleep, group } from "k6";
	import http from "k6/http";

	export const options = {
	ext: {
	loadimpact: {
	distribution: {
	"amazon:us:ashburn": { loadZone: "amazon:us:ashburn", percent: 100 },
	},
	},

	<div id="smart-button-container">
	<div style="text-align: center;">
	<div id="paypal-button-container"></div>
	</div>
	</div>
	<script src="https://www.paypal.com/sdk/js?client-id=AQWLz3vKbMe_IgBuGxCM6oJeQ40-n9nzBL5M47ITCEjY3oMtWqqaGuCIUU5XJj-piDPXvuZXOAi0awWg&currency=BRL" data-sdk-integration-source="button-factory"></script>
	<script>
	function initPayPalButton() {
	paypal.Buttons({
	style: {

	// @flow

	import type { AuthConfig, AuthTokenType, Storage } from '../types';
	import axios, { Axios, AxiosXHRConfigBase } from 'axios';

	import { AuthenticationError } from './authenticationError';
	import { decode } from '../helpers/htmlEntitiesEncoding';
	import { LocalStorage } from '../helpers/storage';
	import Authentication from './authentication';
	import ErrorMapping from './errorMapping';

	import mobx, { computed, observable, action } from "mobx"
	import store from "store"

	import autoStore from "./autoStore"

	class Auth {
	constructor() {
	autoStore("authentication", this)
	}