Oleksii Levzhynskyi oleksiilevzhynskyi

Oleksii Levzhynskyi's public talks

False Simplicity of Front-End Applications: Our Experience [rus]: similar title as #1 but different talk, with more details about Grammarly Editor implementation challenges

Description: Togather with Yaroslav Voloshchuk talking about the implementation challenges of Grammarly Editor and why certain decision were made.

Solving behavioral complexity with FRP [rus]: deep dive into how we apply FRP when building Grammarly Editor

At Grammarly, we have tried different approaches to handle behavioral complexity. We made a long journey from callback hell to FRP, and from dynamic to static typing. We will discuss how FRP helped us build stable high-loaded front-end applications with complex async actions for millions of daily users.

FP practices

1. Composition

// very bad

Functional programming with fp-ts by its author Giulio Canti

Interoperability with non functional code using fp-ts
Functional design
ADT

Grammarly web front-end resources

Note: here is a list (not complete) of valuable resources used on Grammarly web projects. Here, you may find our public talks and blog posts.

Software Design
Functional Programming
- Functional programming with fp-ts by its author Giulio Canti and others
- Common patterns to use
FRP

RxJS

	/* https://www.npmjs.com/package/webpack-watch-livereload-plugin
	* in webpack.config:
	* new WatchLiveReloadPlugin({
	* files: ['./dist']
	* })
	*
	* somewhere in index.ts
	* if (process.env.NODE_ENV === 'development') {
	* require('./livereload')()
	* }

	#!/bin/sh
	#
	# Automatically adds ticket name to every commit message
	# when branch name starts with "XX-00"
	#
	# Don't change message when it already contains any ticket name.#
	#

	# Don't do anything when in merge - https://git-scm.com/docs/githooks#_prepare_commit_msg
	[ -f $GIT_DIR/MERGE_MSG ] && exit 0

	MARS ROVERS PROBLEM

	A squad of robotic rovers are to be landed by NASA on a plateau on Mars. This plateau, which is curiously rectangular, must be navigated by the rovers so that their on-board cameras can get a complete view of the surrounding terrain to send back to Earth.

	A rover's position and location is represented by a combination of x and y co-ordinates and a letter representing one of the four cardinal compass points. The plateau is divided up into a grid to simplify navigation. An example position might be 0, 0, N, which means the rover is in the bottom left corner and facing North.

	In order to control a rover, NASA sends a simple string of letters. The possible letters are 'L', 'R' and 'M'. 'L' and 'R' makes the rover spin 90 degrees left or right respectively, without moving from its current spot. 'M' means move forward one grid point, and maintain the same heading.

	Assume that the square directly North from (x, y) is (x, y+1).

	sudo apt-get install unzip;
	wget -O /tmp/chromedriver.zip http://chromedriver.googlecode.com/files/chromedriver_linux64_19.0.1068.0.zip && sudo unzip /tmp/chromedriver.zip chromedriver -d /usr/local/bin/;