react (58)

Цікаві пропозиції ECMAScript 2017, які ще не були прийняті

Важко постійно мати оновлену інформацію щодо всіх нових пропозицій функцій. Щороку в комітет TC39, який контролює розвиток JavaScript, пропонуються десятки функцій. Оскільки багато з них ніколи не дійдуть до другої стадії, важко визначити, за якими з...

Codeguida · 07 березня 2018 · 1

Як react.fragment допомагає писати семантичний HTML?

import React, { Fragment } from "react" const Headings = props => { return ( <Fragment> <h1>{props.title}</h1> <p>{props.subtitle}</p> </Fragment> ) } HTML це основа вебу, тому написаний вами код має буди семантичним. Якщо ви пишете сем...

Codeguida · 02 лютого 2018 · 3

Результати щорічного опитування State of JavaScript

Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...

Codeguida · 15 січня 2018 · 5

React застосунок без налаштувань пакувальника за допомогою Parcel

Всі ми відчували біль, починаючи працювати з React і витрачаючи години на те, щоб налаштувати webpack, перш ніж розпочати роботу. Create React App був створений для того, щоб спростити й пришвидшити розгортання проекту. Але в ньому був суттєвий мінус...

Codeguida · 20 грудня 2017 · 8

Короткий огляд фронтенду в 2017 році

Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...

Codeguida · 18 грудня 2017 · 5

Розглядаємо Preact як альтернативу React

Preact – бібліотека, яка є імплементацією парадигми віртуальних компонентів DOM, так само як і React. Проте на відміну від React важить лише 3 кілобайти й може похизуватися більшою швидкістю роботи. Чому саме Preact? Preact – облегшена версія React....

Codeguida · 16 листопада 2017 · 3

Компоненти вищого порядку в React для початківців

Передмова Я пишу це, тому що кожна інша стаття, включаючи офіційну документацію React про компоненти вищого порядку (Higher-Order Components), спантеличила мене як початківця. Я зрозумів, що компоненти вищого порядку є чимось потрібним, але не розумі...

Codeguida · 26 жовтня 2017 · 33

Як написати свій webpack-builder

Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...

Codeguida · 18 жовтня 2017 · 13

Форми в React: використовуємо ref

React дозволяє отримати значення <form> у два способи. Перший полягає в імплементації так званих контрольованих компонентів, а другий — в застосуванні React властивості ref. Головною характеристикою контрольованих компонентів є те, що значення, яке в...

Codeguida · 13 вересня 2017 · 28

Хороші та погані сторони JSX

JSX де-факто є стандартом для оголошення структури компонентів в React-додатках. Він став популярним через давно знайомий синтаксис, в даному випадку синтаксис HTML. Але не тільки через це. Я особисто почав використовувати JSX, тому що він менш багат...

Codeguida · 6 років тому · 1