Xavier Cazalot xavxyz

 ## Background

S 1. Telescope/Sidebar S 2. Discover Meteor S 3. React rewrite (Nova) + Xavier comes on board X 4. Apollo rewrite (Vulcan)

 ## What Is It?

Title ideas

The super powers of your own toolkit based on Apollo tools

Talk abstract

Apollo tools for React & Node environment give you ability to powerful create apps powered with a GraphQL data layer. In creating your own re-usable toolkit on top of these tools, it allows you to build great products even more simply.

Context

State of the art

Animation as a Function of Data by Xavier Cazalot

Abstract

Our design & development process is founded on our application's domain model. It rules the data involved in the UI we are building and it helps for providing great user experiences. What if animations were baked in the process as part of a whole? This is what this talk is about!

	echo "// ------ 🔭 Updating Nova"
	echo "// ------ Stashing your changes... (if any)"
	git add .
	git stash
	# devel = Nova Apollo stable branch at the moment
	git checkout devel
	# origin = https://github.com/TelescopeJS/Telescope.git
	git pull origin
	echo "// ------ 🔭 Nova updated!"
	echo "// ------ Applying your changes... (if any)"

	// inspired by https://github.com/tmeasday/mongo-find-by-ids/blob/master/index.js
	const findBy = async (collection, key) => values => {
	try {
	const docs = await collection.find({ [key]: { $in: values } }).fetch();

	const keyMap = docs.reduce((map, doc) => ({
	...map,
	[doc.key]: doc,
	}), {});

	// Utils to get from raw to exploitable data

	// extract two lists of issues & pull requests from a repository list
	// note: this fn could return an object, but returning a two-dimensional array
	// eases the data manipulation (see bottom of the file). The early implementation
	// of this function was written with objects, see comment below
	export const createLists = repositoriesList => repositoriesList.reduce(
	(doubleList, repo) => ([
	// index 0 = issues list
	[...doubleList[0], { id: repo.id, count: repo.issues.totalCount }],

	import React from 'react';
	import { StyleSheet } from 'react-native';
	import { bindActionCreators } from 'redux';
	import { connect } from 'react-redux';
	import Autocomplete from 'react-native-autocomplete-select';
	import { colors } from '../../lib/theme';
	import { input as inputActions } from '../../store/actions';

	const Input = ({
	inputValue,

	import initStoryshots from '@storybook/addon-storyshots';
	import { shallow } from 'enzyme';
	import toJSON from 'enzyme-to-json';
	import 'jest-styled-components';

	import { ThemeProvider } from 'styled-components';

	initStoryshots({
	test: ({ story, context }) => {
	const storyElement = story.render(context);