Simon Trény simontreny

simontreny / observable.ts

Created October 21, 2019 09:08

	import { ReadableSignal, Signal } from "micro-signals";

	export interface ReadableObservable<T> {
	onChange: ReadableSignal<T>;
	get(): T;
	map<U>(transform: (val: T) => U): ReadableObservable<U>;
	filter(predicate: (val: T) => boolean): ReadableObservable<T \| undefined>;
	}

	abstract class BaseObservable<T> implements ReadableObservable<T> {

simontreny / todoList.tsx

Last active October 18, 2019 15:38

	import React from "react";
	import { useObservable } from "./observableHook";
	import { todoService } from "./services";
	import { Todo, VisibilityFilter } from "./todoService";

	export const TodoList = () => {
	const todos = useObservable(todoService.todos);
	const filter = useObservable(todoService.visibilityFilter);
	const visibleTodos = getVisibleTodos(todos, filter);

simontreny / services.ts

Created October 18, 2019 08:49

	import { TodoService } from "./todoService";

	export const todoService = new TodoService();

simontreny / todoService.ts

Last active October 18, 2019 13:12

	import { Observable } from "./observable";

	export interface Todo {
	readonly text: string;
	readonly completed: boolean;
	}

	export enum VisibilityFilter {
	SHOW_ALL,
	SHOW_COMPLETED,

simontreny / observableHook.ts

Last active October 18, 2019 13:13

	import { useEffect, useState } from "react";
	import { Observable } from "./observable";

	export function useObservable<T>(observable: Observable<T>): T {
	const [val, setVal] = useState(observable.get());

	useEffect(() => {
	return observable.subscribe(setVal);
	}, [observable]);

simontreny / observable.ts

Last active May 27, 2020 21:58

	type Listener<T> = (val: T) => void;
	type Unsubscriber = () => void;

	export class Observable<T> {
	private _listeners: Listener<T>[] = [];

	constructor(private _val: T) {}

	get(): T {
	return this._val;

simontreny / todoReducer.js

Last active August 30, 2019 14:07

	const initialState = {
	visibilityFilter: VisibilityFilters.SHOW_ALL,
	todos: []
	}

	function todos(state = [], action) {
	switch (action.type) {
	case ADD_TODO:
	return [
	...state,

simontreny / package.json

Created July 30, 2019 14:55

	"detox": {
	"configurations": {
	"ios.sim.debug": {
	"binaryPath": "ios/build/Build/Products/Debug-iphonesimulator/MonApp.app",
	"build": "xcodebuild -project ios/MonApp.xcodeproj -scheme example -configuration Debug -sdk iphonesimulator -derivedDataPath ios/build",
	"type": "ios.simulator",
	"name": "iPhone 7"
	}
	}
	}

simontreny / firstTest.spec.js

Created July 30, 2019 13:09

	describe('Example', () => {
	beforeEach(async () => {
	await device.reloadReactNative();
	});

	it('should have welcome text', async () => {
	await expect(element(by.id('welcomeText'))).toBeVisible();
	});

	it('should show hello screen after tap', async () => {

simontreny / App.tsx

Last active March 11, 2019 13:31

Ajout de vues animées lors du défilement

	renderHeader() {
	const { scrollOffset } = this.state;
	const expandedHeaderHeight = 240;
	const collapsedHeaderHeight = 64;
	const titleHeight = 44;
	const scrollSpan = expandedHeaderHeight - collapsedHeaderHeight;

	return (
	<Animated.View
	style={{