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
