Flávio Atas Medeiros Sigmus

AH API

Always use User-Agent: Appie/8.22.3 and Content-Type: application/json
Technically there is more information about your device and user ID after it, but the server does not seem to care

Token

If you have a valid access_token, add it as a header in request
Authorization: Bearer access_token

VS Code: Debugging Jest

Sometimes, debugging with console.log is not enough to find out what is happening in the code, as console.log prints only plain objects but neither functions nor objects with circular references. Besides, it's possible you may need to know the context and flow of the code.

Read more about debugging with VS Code in VS Code: Debugging.

I bundled these up into groups and wrote some thoughts about why I ask them!

If these helped you, I'd love to hear about it!! I'm on twitter @vcarl_ or send me an email [email protected]

Onboarding and the workplace

https://blog.vcarl.com/interview-questions-onboarding-workplace/

How long will it take to deploy my first change? To become productive? To understand the codebase?
What kind of equipment will I be provided? Will the company pay/reimburse me if I want something specific?

Linking directory in ReactJS project

I found that users of Create-React-App script have issues with building few projects that are based on the same "core" library. Let's imagine that you have a ui directory where you keep all UI React components. And you have two projects - blog and shop.

Now you wish to use the shared UI components in both these projects. But if you will create a symlink to a "raw" source code (where you use ES2015) - you will see that your code can't be imported, because it expects that they should be already compiled.

state-machine-component

A tiny (265 byte) utility to create state machine components using two pure functions.

🔥 JSFiddle Demo

Usage

The API is a single function that accepts 2 pure functions as arguments:

React Component Lifecycle

getInitialState
getDefaultProps
componentWillMount
componentDidMount
shouldComponentUpdate (Update only)
componentWillUpdate (Update only)
componentWillReceiveProps (Update only)
render

	#!/bin/bash
	set -e

	# Script to setup a Next.js application with Typescript, Storybook, SCSS and Jest
	# Inspired by https://medium.com/swlh/2020-complete-setup-for-storybook-nextjs-typescript-scss-and-jest-1c9ce41e6481

	# After this script is executed, manually add the following lines to package.json scripts section:
	# "test": "jest",
	# "test:watch": "jest --watch",
	# "test:coverage": "jest --coverage",

	<!doctype html>
	<html lang="en">
	<body>
	<script>

	const sagaMiddleware = store => gen => {

	var resolve, reject
	var done = new Promise((res, rej) => {
	resolve = res

	## Global install of the app generator
	npm install -g create-react-app

	## Setup the app (first-time only)
	create-react-app my-app
	cd my-app
	git init

	# Create the Heroku app; requires free account at https://www.heroku.com/
	heroku create -b https://github.com/heroku/heroku-buildpack-static.git

	/*
	I just got a hacky, untested instance of pouchdb running on my
	react-native IOS simulator five minutes ago. To do so, I installed
	https://github.com/andpor/react-native-sqlite-storage and then pretended that it
	was actually https://github.com/litehelpers/Cordova-sqlite-storage. This is
	probably broken in some horribly subtle way, but the APIs I've manually tested
	seem to work. Use very much at your own risk, and let me know how it goes.
	I'm kind of shocked somebody hasn't come up with any other working solution, since
	pouchdb and react-native are a perfect fit and there seems to be tons of demand.
	*/