jez Jezfx

Fonts

Div with a attribute

  const Loader = styled.div<{ width: string }>`
  
  `;

Sets

Scripts

Developer Tests

Unit tests: yarn unit-test [-u]
Intergration tests: yarn int-test [-u]
Browser integration tests: cypress run

-u: flag to update snapshots.

Jez Williams

`Freelace creative front end developer 🤓`

Since graduating in computer science six years ago, I’ve found love in the creative side of the web. I’ve been freelancing for three years and enjoy being in new environments and learning new skills. Most recently, I’ve been building with React and progressing deeper into backend development to compliment my frontend skills.

💻 jezfx.com ✉️ [email protected]

Experience

Interactive Investor

Front end, React, Gatsby, GraphQL / Aug 2018 - present

Goals

Make everything opt-in

Start with a plain base and make any styling changes optional extras that can be added.

Ensure people can choose what they want.
Never force changes unless you really mean to. Provide additional functionality via options.
Expose API-like CSS.
It’s easier to opt into something than it is to undo it.

Single Responsibility Principle

ES6

Things I've learnt from Wesbos.com course

Scoping

var variables can be updated or mutated, which means you can re-delare a var again.

var variables are function scope. Which means their only available inside the function that they were created. Or, global scope if they've been created outside a function.

const and let are block scope which means they are confined inside any block, even if statements.

Wes Bos

http://wesbos.com/blog/

Harry Wolff

The Console Log (youtube)

Mattias Petter Johansson

Fun Fun Function (youtube)

	import { useState, useEffect, useCallback } from 'react'

	function usePromise(createPromise) {
	const [error, setError] = useState()
	const [value, setValue] = useState()

	useEffect(() => {
	let current = true

	createPromise().then(

	{
	"workbench.sideBar.location": "left",
	"editor.minimap.enabled": false,
	// "editor.detectIndentation": true,
	"editor.tabSize": 2,
	"todohighlight.isEnable": true,
	"workbench.startupEditor": "newUntitledFile",
	"workbench.colorTheme": "Framer Syntax",
	"window.zoomLevel": 0,
	"editor.renderControlCharacters": false,