Matej Bransky MatejBransky

Architectural Concept: Hybrid Local-First Dashboard

Goal: Achieve instant UI responsiveness and eliminate complex frontend cache management (TanStack/RTK Query) by using a sync engine (PowerSync + SQLite), without the complexity and risks associated with full offline-mode capabilities.

💡 The Core Concept

The application leverages a local-first architecture for extreme performance but retains a server-first logic for conflict resolution. Instead of supporting long-term offline work (e.g., working on an airplane), the app expects an active internet connection, shrinking the conflict window to the exact same size as a standard REST API.

Clean Architecture

Domain Layer

At the center is the domain layer. It is the entities and data that describe the subject area of the application, as well as the code to transform that data. The domain is the core that distinguishes one application from another.

You can think of the domain as something that won't change if we move from React to Angular, or if we change some use case. In the case of the store, these are products, orders, users, cart, and functions to update their data.

The data structure of domain entities and the essence of their transformations are independent from the outer world. External events trigger domain transformations, but do not determine how they will occur. >

Notes

blogs

Zadani

Mas tabulku s tymy

INSERT  INTO  `tymy` (`id`, `name`) VALUES
(1, 'Brno'),
(2, 'Praha'),
(3, 'Ostrava'),
(4, 'Plzen');

Flatten a deep javascript object into single-depth object with ES6

Call it via:

const flat = flatten( realDeepObject );

Test case:

	import React from 'react'
	import { observer } from 'mobx-react'

	function ArtistList({ uiState: { artistData } }) {
	const { data } = artistData;
	if ( !data \|\| !data.artists \|\| !data.artists.length ) {
	return <div>No artists bruh.</div>
	}
	const { artists } = data
	return (

	git checkout main
	git pull
	git checkout <feature-branch>
	git rebase -Xours master

	#!/bin/bash

	# Check if the COMMIT_EDITMSG file exists (the case was found at GIT GUI)
	if [ ! -f "$1" ]; then
	exit
	fi

	#
	# Inspects branch name and checks if it contains a Jira ticket number (i.e. ABC-123).
	# If yes, commit message will be automatically prepended with [ABC-123].

	/**
	* The copy of the stateMachine.js for Visualizer (modified imports)
	*/

	// Available variables:
	// Machine (machine factory function)
	// XState (all XState exports)

	const settings = {
	steps: 20,