react
(58)
Короткий огляд фронтенду в 2017 році
Фронтенд інжиніринг у 2017 розвивався неймовірними темпами. Ось список найбільш помітних подій. React 16 та ліцензія MIT React продовжує домінувати на фронтенд горизонті, і 2017 подарував нам один з найочікуваніших релізів цієї бібліотеки – версію 1...
Codeguida · 18 грудня 2017 · 5
Як написати свій webpack-builder
Кому лінь читати, можете одразу клонувати репозиторій і користуватись. Деталі на the-simplest-webpack-react-starter-kit. Нещодавно шукав простий webpack react starter kit. Потрібно було переписати свій pet-project на свіжий React 16. Вимоги до старт...
Codeguida · 18 жовтня 2017 · 14
Компоненти вищого порядку в React для початківців
Передмова Я пишу це, тому що кожна інша стаття, включаючи офіційну документацію React про компоненти вищого порядку (Higher-Order Components), спантеличила мене як початківця. Я зрозумів, що компоненти вищого порядку є чимось потрібним, але не розумі...
Codeguida · 26 жовтня 2017 · 33
5 концептів які зроблять з вас кращого React розробника
Дізнайтеся, як використовувати передові концепцти React, це допоможе вам стати кращим розробником React. Індивідуальні хуки (custom hooks) Як ви вже знаєте, хуки — це нове доповнення в React 16.8, яке дозволить вам використовувати стан та інші функці...
Alex · 15 червня 2022 · 651
Підводні камені React: 5 помилок з мого першого проєкту
Ви знаєте, що таке вивчати нову мову або фреймворк. Іноді чудова документація допоможе вам зорієнтуватися в цьому питанні. Але навіть найкраща документація не охоплює абсолютно все. І коли ви працюєте з чимось новим, ви неодмінно зіткнетеся з проблем...
Alex · 10 серпня 2023 · 162
Результати щорічного опитування State of JavaScript
Нещодавно було опубліковано результати щорічного опитування State of JavaScript за 2017 рік. В опитуванні взяли участь більш ніж 23,000 розробників. У результатах дослідження виявилось багато моментів: від популярних тенденцій до проблем з заробітно...
Codeguida · 15 січня 2018 · 5
Розглядаємо Preact як альтернативу React
Preact – бібліотека, яка є імплементацією парадигми віртуальних компонентів DOM, так само як і React. Проте на відміну від React важить лише 3 кілобайти й може похизуватися більшою швидкістю роботи. Чому саме Preact? Preact – облегшена версія React....
Codeguida · 16 листопада 2017 · 3
Чому слід використовувати TypeScript замість JavaScript у 2021 році
Нещодавно я, використовуючи React Native, займався розробкою мобільного застосунку для медитації Atomic Meditation. В ході роботи я зрозумів необхідність у вивченні та використанні TypeScript замість JavaScript у середніх та великих проєктах....
Alex · 3 роки тому · 658 · 1
Динамічні SVG з React.js
Scalable Vector Graphics (SVG) - це відмінний спосіб включити векторну графіку у свою веб-сторінку. Вона легка, заснована на XML і підтримується майже всіма сучасними браузерами. XML лежить в основі SVG, тож вона не містить нічого крім розмітки, і м...
Codeguida · 14 червня 2020 · 30
Різні способи написання CSS у React
Ми всі знайомі зі стандартним способом приєднання таблиці стилів у <head> HTML-документа, чи не так? Це лише один з декількох способів написання CSS. Але як це виглядає, якщо ми хочемо створити стиль в односторінковому додатку (SPA), скажімо, в проєк...
Alex · 04 серпня 2023 · 125
Оптимізуємо продуктивність React-застосунків
Ви витратили місяці або навіть роки, створюючи застосунок для вашої організації. Все чудово, виснажливий процес тестування позаду, до того ж ви отримали хорошу оцінку на етапі бета-тестування. Настав той самий день запуску застосунку, коли ви запитує...
Codeguida · 02 серпня 2019 · 11
Оптимізуємо рендеринг render props в React
Поговоримо про техніку render props (і схожий з нею підхід children as a function) в React. Вона стала дуже популярною останнім часом через авторитет багатьох вельми поширених бібліотек, таких як react-router v4, formik, які якраз і базуються на цьом...
Codeguida · 6 років тому · 9