Frontend

part 2

Было бы неплохо записать

Сложно

Общая информация

 Глава

Возможно вам это не нужно

Желтый текст - это ссылки

v2

Глава 1

Базовый js

JavaScript изначально создавался для того, чтобы сделать web-странички «живыми». Программы на этом языке называются скриптами.

В браузере они подключаются напрямую к HTML и, как только загружается страничка – тут же выполняются.

Идеальный стек

  • npm
  • webpack
  • babel
  • react
  • Elm
  • Jest
  • PostCss
  • Karma
  • GraphQl

Protoype.js -> jQuery -> Backbone -> Angular -> React

Я ничего не знаю

Склеп

  • Backbon
  • JQuery
  • Prototype.js
  • Dojo Toolkit
  • YUI Librarly
  • vanila

Они сказали что это плохо

Дилетанты

  • Angular
  • FlexBox
  • ES6

Не нужно верить на слово

Промисы

функциональное программирование

мета программирование

node

npm

eslint

git

ES6

react

  • JSX
  • Virtual dom

react native

webpack

unit test

jest.dontMock('../Datagrid.js');

var React = require('react/addons');
var Datagrid = require('../Datagrid.js');
var TestUtils = React.addons.TestUtils;

describe('Datagrid', function() {
    it('should set header with correct label for each field, plus an empty header for actions', function() {
        var fields = {
            'id': { label: function() { return '#'; } },
            'title': { label: function() { return 'Title'; } },
            'created_at': { label: function() { return 'Creation date'; } }
        };

        var datagrid = TestUtils.renderIntoDocument(<Datagrid fields={fields}/>);
            datagrid = React.findDOMNode(datagrid);

        var headers = [].slice.call(datagrid.querySelectorAll('thead th')).map(h => h.textContent);
        expect(headers).toEqual(['#', 'Title', 'Creation date', '']);
    });
});

GitHub

linux

docker

Frontend part 2

By Sergey Andreev

Frontend part 2

  • 921
Loading comments...

More from Sergey Andreev