Sara Inés Calderón SaraChicaD

Speaker Rider

Last updated 14 April 2021

What is a speaker rider?

As speaking comes with immense privilege, I have crafted a speaker rider to set expectations and boundaries around my engagement. I am grateful to all the conference organisers who have brilliantly hosted me. I would love to continue to exercise this privilege to speak at conferences, and use this privilege to make the landscape more accessible and beneficial to tech's most historically excluded and marginalised communities.

Considerations

😫 I provide a lot of explanations for those of you who never had to consider these things. Most thoughtful conferences I've attended check most of these boxes intrinsically, particularly when conference runners are experienced speakers. They get it.

React Native Folder Structure

Motivations

Sharing what has worked for me in different React Native projects
Reusing screens in different parts of your app
Easy to work separately in a feature
Add an extra level (nested folder) only when necessary
Don't overuse index.js for everything

JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.

To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js

Notes on hoisting

(I may be using incorrect terms below, please forgive me)

Homebrew Permissions Denied Issues Solution

`sudo chown -R $(whoami) $(brew --prefix)/*`

Finding the Simulator

You can test with the iOS Simulator that comes with Xcode. Navigate to the Xcode app in the Finder, right click and select "Show Package Contents":

Then navigate to Contents > Applications, and open the shortcut to "iPhone Simulator" (it may be called "iOS Simulator" depending on which version of Xcode you're running):

	import React, { Component } from 'react'
	import { Animated, View, StyleSheet, Image, Dimensions, ScrollView } from 'react-native'

	const deviceWidth = Dimensions.get('window').width
	const FIXED_BAR_WIDTH = 280
	const BAR_SPACE = 10

	const images = [
	'https://s-media-cache-ak0.pinimg.com/originals/ee/51/39/ee5139157407967591081ee04723259a.png',
	'https://s-media-cache-ak0.pinimg.com/originals/40/4f/83/404f83e93175630e77bc29b3fe727cbe.jpg',

	import * as actions from './actions';

	const dispatch = spy();
	const getState = () => ({
	...your mocked state
	});

	describe('Action A', () => {
	it('should dispatch a correctly formatted action', () => {
	actions.actionA('first arg', 'second arg')(dispatch, getState);

	{ fontWeight: '100' }, // Thin
	{ fontWeight: '200' }, // Ultra Light
	{ fontWeight: '300' }, // Light
	{ fontWeight: '400' }, // Regular
	{ fontWeight: '500' }, // Medium
	{ fontWeight: '600' }, // Semibold
	{ fontWeight: '700' }, // Bold
	{ fontWeight: '800' }, // Heavy
	{ fontWeight: '900' }, // Black