Dmytro Borysovskyi dimabory

Application structure

General

Application has tree structure with folders for each "feature"
Feature folders are named with lowerCamelCase → myComponentDashboard
Feature can contain any number of components and nested features
Components are named using UpperCamelCase → MyWidgetComponent.vue
Component can have translation .yml file named correspondingly → MyWidgetComponent.yml
If component requires more than 2 files: .vue and .yml file - folder is created with the same name → MyWidgetComponent

Visual Regression Testing with Jest

This is a walkthrough of how to set up Visual Regression Testing with Jest for an application created with create-react-app.

The following walkthrough uses React as an example, but the approach should work for any modern frontend library! I assume it can be used with Angular, Vue, Cycle.js and more.

This gist walks you through a create-react-app application as an example of how to set up Visual Regression Testing in Jest using libraries I wrote recently which enable this: jsdom-screenshot, jest-transform-css and jest-transform-file.

Приёмы оптимизации кода по скорости

Организационные

Культура разработки performance-first: https://tonsky.me/blog/performance-first/
Бюджет скорости: https://wp-rocket.me/blog/performance-budgets/
Performance mantra: http://www.brendangregg.com/blog/2018-06-30/benchmarking-checklist.html

Не зависящие от языка и его реализации

Rosetta Code - реализации задач на разных языках: http://rosettacode.org/wiki/Collections
Статьи по основным структурам данных:

	<?php

	namespace AppBundle\Form;


	use Symfony\Component\Form\AbstractType;
	use Symfony\Component\Form\Extension\Core\Type\PasswordType;
	use Symfony\Component\Form\Extension\Core\Type\RepeatedType;
	use Symfony\Component\Form\Extension\Core\Type\SubmitType;
	use Symfony\Component\Form\FormBuilderInterface;