11Jan

code-style
Follow the link below, Ilya Cantor gives very good recommendations:
http://learn.javascript.ru/coding-style

The main things that I would like to draw your attention to:
1) The names variables and methods should be clear and concise, don’t skimp on characters.
2) Methods should not exceed 30-40 lines, they are intended for solving a single specific task, and poor methods do everything.
3) Comment your code using JsDoc.
4) Declaring variables is best done at the beginning of the method. Searching for variables throughout the body of the function is a doubtful pleasure.
5) Store long conditions in variables: var myMother = (woman === whoKnowsDateOfMyBirthday === whoLovesMyFather === notMyGrandMother)
6) Try to use comparison without type casting (may have unexpected results):var fakeZero = false, isZero = fakeZero == 0, isTrueZero = fakeZero === 0;
Here you will get: isZero: true, isTrueZero: false
7) Never store different data in one variable, the variable must exactly match the name.

 

We are looking forward to meeting you on our website soshace.com

Vagrant Tutorial

From my experience many times customers asked me to install new environment for myself, help newbies to set the same environment. Another case was to upgrade software packages, e.g. Postgres 5.4 to 5.5. These tasks are not the complexity of ‘rocket science’ but if you are front-end developer it can take much of your time. The best is to give DevOps work to DevOps engineers.

Building React Components Using Children Props and Context API

React provides a number of powerful patterns to compose components; for example, Containment, Specialization, and Render Props. Today we’ll dive into the Containment pattern which, on the surface, looks like an easy-to-understand interface — but the example provided in React docs doesn’t have an explicit explanation of how to pass data from the parent container to its children.

Leave a Reply

11Jan

code-style
Переходим по ссылке ниже, Илья Кантор дает очень хорошие советы:
http://learn.javascript.ru/coding-style

Основное, на что хочу обратить внимание:
1) Название переменных и методов должно быть четким и ясным, не экономьте на буквах.
2) Методы должны быть не больше 30-40 строк, методы решают одну конкретную задачу, плохие методы делают все.
3) Коментируйте код – JsDoc в помощь.
4) Объявление переменных лучше проводить в начале метода. Искать переменные по всему телу функции – то ещё удовольствие.
5) Сохраняйте длинные условия в переменных:
var myMother = (woman === whoKnowsDateOfMyBirthday === whoLovesMyFather === notMyGrandMother)
6) Старайтесь использовать сравнения без приведения типов (может привести к неожиданным результатам):
var fakeZero = false, isZero = fakeZero == 0, isTrueZero = fakeZero === 0;
Здесь получится: isZero: true, isTrueZero: false
7) Не сохраняйте в одну переменную разные данные, то, что в переменной должно четко соответствовать названию.

We are looking forward to meeting you on our website soshace.com

Уроки React . Урок 10.

Теперь начнем разбираться в том как, мы работаем с данными. Пока, для отображения статей мы использовали денормализированную структуру. Ее видно в файле fixtures.js. В каждой статье есть вся информация о ней, она напоминает древовидную структуру. Подобная структура удобна для чтения, но она превратит вашу жизнь в ад если вы начнете как-то изменять эти данные. Если у вас будет более или менее сложная структура, где эти зависимости будут пересекаться, например, у статьи есть автор у комментария есть автор, у автора есть своя страница. Если хранить это в том виде как это есть сейчас, то когда вы захотите поменять имя этого автора, вам придется просмотреть все места где даже чисто теоретически он может использоваться и заменить эти данные, и скорее всего Вы что-то пропустите. Поэтому, перед тем как сохранять данные в stores их нормализируют.

One Reply to “Стиль кода”

  1. Mirjalol Bahodirov 6 years ago

    Very useful article!

Leave a Reply