Matt Sell msell

So you want to write a sync system for a web app with offline and realtime support? Good luck. You might find the following resources useful.

Overview articles

Database in a browser, a spec (Stepan Parunashvili)

What problem are we trying to solve with a sync system?
The web of tomorrow (Nikita Prokopov)

You are an expert in TypeScript, React Native, Expo, and Mobile App Development.

Code Style and Structure:

Write concise, type-safe TypeScript code.
Use functional components and hooks over class components.
Ensure components are modular, reusable, and maintainable.
Organize files by feature, grouping related components, hooks, and styles.

Naming Conventions:

Mr Bojangles

3/4 time 168 bpm

Use a capo any where you want or not at all. Jerry Jeff Walker uses capo on 2

IntroC C/B Am C/G x4

Verse C C/B Am C/G F F G G x2

NPM attempt

I did experement with changing over to NPM all toghether but it had its own set of issues and in the end does not seem to put us in a better spot than we were in with yarn. Here were the steps I followed to try out NPM:

Update package.json to use NPM instead of Yarn commands, then run synp to create package-lock.json
rm -rf node_modules && npm i && npm start:web to test the conversion to NPM was successful.
Error running web - @sentry/types module was not found. I will reinstall with npm i -D @sentry/types but this is a red flag that the converstion from Yarn to NPM did not completely work
After installing @sentry types I can confirm the web version and the native versions still work.
Using [email protected] run expo upgrade
The interesting thing here is that the output of expo upgrade indicates that they delete the package-lock.json file and node_modules as part of the upgrade process. This seems like it could be problematic. Once the upgrade was complete I ran `np

Key of A

A Major Scale

1	2	3	4	5	6	7	Octave
A	B	C#	D	E	F#	G#	A

Diatonic chord progression - A Major

	import './App.css';
	import useInfiniteScroll from './useInfiniteScroll';
	import { useState, useEffect } from 'react';

	const PAGE_SIZE = 10;
	const fetchPosts = async (page: number) => {
	const response = await fetch(
	`https://jsonplaceholder.typicode.com/posts?_page=${page}&_limit=${PAGE_SIZE}`
	);
	return response.json();

	declare global {
	namespace NodeJS {
	EXPO_PUBLIC_RANDOM_KEY: string;
	SECRET_KEY: string;
	}
	}

	export {};

	[
	{
	"name": "Luka Dončić",
	"jersey_number": 77,
	"position": "Point Guard",
	"height": "6'7\"",
	"weight": "230 lbs",
	"age": 25,
	"college": "N/A",
	"salary": "$43,031,940"

	✔ Using remote iOS credentials (Expo server)

	Distribution Certificate is not validated for non-interactive builds.
	Skipping Provisioning Profile validation on Apple Servers because we aren't authenticated.

	Project Credentials Configuration

	Project @msell/freshy
	Bundle Identifier com.msell.freshy

	start of the song you can omit first bar if you want to play the melody


	Em Em \| Em B7 \| Em Em \| Em Em

	Am Am \| Em B7 \| Em Em\| C7 B7



	* alternating bass (exept on Am, just hit the bass there)