jez Jezfx

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

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

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.

Div with a attribute

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

Sets

	{
	"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,

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

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

	useEffect(() => {
	let current = true

	createPromise().then(