В новой документации React нет create-react-app. Это, мягко говоря, вызывает у многих недоумение. Начать новый проект React теперь рекомендуется с помощью одного из популярных в сообществе фреймворков на базе React.
Robin Wieruch вот предлагает свой взгляд на то, как начать проект React в 2023 году.👇
https://www.robinwieruch.de/react-starter/
Robin Wieruch вот предлагает свой взгляд на то, как начать проект React в 2023 году.
https://www.robinwieruch.de/react-starter/
Please open Telegram to view this post
VIEW IN TELEGRAM
Хабр
Create react app умирает?
Зайдя на официальный сайт React я не сразу понял, что произошло. Когда мы заходим на страницу документации React в раздел установки, мы можем увидеть различные предложенные варианты установки...
📌 Если вы всегда хотите быть в курсе книжных новинок, обновлений и другой полезной информации, касающейся вашего языка или области программирования, вы можете начать читать один из наших каналов, где мы каждый день публикуем учебные материалы для разработчиков разного уровня.
😂 Канал с мемами: t.me/itmemlib
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Книги для программистов: t.me/progbook
Бот с IT-вакансиями: t.me/proglib_job_bot
🎓 Школа Proglib Academy: https://yangx.top/proglib_academy
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
👨💻 Полезные материалы по всему, что может быть интересно любому программисту.
Библиотека программиста: t.me/proglibrary
Библиотека хакера: t.me/hackproglib
Go: t.me/goproglib
C\C++: t.me/cppproglib
PHP: t.me/phpproglib
Frontend: t.me/frontendproglib
Python: t.me/pyproglib
Mobile: t.me/mobileproglib
Data Science: t.me/dsproglib
Java: t.me/javaproglib
C#: t.me/csharpproglib
Devops: t.me/devopsslib
Тестирование: t.me/testerlib
Книги для программистов: t.me/progbook
Бот с IT-вакансиями: t.me/proglib_job_bot
📺 Канал на YouTube: https://www.youtube.com/c/Библиотекапрограммиста
📄 Лента в Дзен: https://zen.yandex.ru/proglib
🗺 Если вы хотите быть в курсе последних событий в мире разработки, подписывайтесь на нашего бота t.me/event_listener_bot. Там можно настроить бота под себя: указать интересующие города и темы.
Подписывайтесь: t.me/event_listener_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
sin() и cos().Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-Tricks
Creating a Clock with the New CSS sin() and cos() Trigonometry Functions | CSS-Tricks
CSS trigonometry functions are here! Well, they are if you’re using the latest versions of Firefox and Safari, that is. Having this sort of mathematical power
Видеоруководство по работе с React 18 + Redux Toolkit: 14 часов убойного кодинга для начинающих от freeCodeCamp.
📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Learn React 18 with Redux Toolkit – Full Tutorial for Beginners
Learn how to use React version 18 and Redux Toolkit in this full course for beginners. React is a free and open-source front-end JavaScript library for building user interfaces based on components.
✏️ Course created by @CodingAddict
Source Code
React Tutorial:…
✏️ Course created by @CodingAddict
Source Code
React Tutorial:…
362. Safari TP, новый тег search, focus-visible, AI в дизайне и…
Веб-стандарты
00:01:08 Safari TP 166
00:09:33 HTML-элемент search
00:23:05 Focus-visible
00:31:20 GitHub Copilot X
00:47:34 AI в дизайне
01:05:32 AI в разработке
01:23:39 Печать на CSS
01:33:23 Планы на Vite 5
01:36:07 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript Promises: серия статей для фронтенд-разработчика с подробным объяснением.
🗄 How promises work
🗄 How to get current promise status and build your own promise queue?
🗄 Garbage collection and memory leaks
Please open Telegram to view this post
VIEW IN TELEGRAM
Тот самый автор EricElliottJS.com Eric Elliott пробует ChatGPT в роли инструмента для обучения фронтенд разработке и заключает: «Отлично, но пока не может заменить опытных наставников». Посмотрите, там много интересного.👇
Читать
Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
Learning JavaScript from ChatGPT
TL;DR — Great, but Can’t Replace Expert Mentors, Yet!
🏄 Хочешь устроиться в зарубежную IT-компанию?
30 марта в 19:00 Библиотека программиста проводит вебинар «Стратегии трудоустройства в международную IT-компанию».
Специалисты из крупнейших международных BigTech компаний расскажут о своем опыте трудоустройства в IT-корпорации и поделятся советами по поиску вакансий, составлению резюме и прохождению технических собеседований.
👉 Регистрация по ссылке: https://proglib.io/w/a7f45971
На вебинаре вы узнаете
🔹Стоит ли работать из России на международную компанию или сразу искать вариант с релокацией
🔹Плохой английский: что делать
🔹Куда ни ногой: «красные флаги» зарубежных компаний
🔹Как составить резюме и выделиться среди других кандидатов
🔹Как пройти собеседование: общение с рекрутером
🔹Какие документы и сколько денег потребуются для переезда
🎁 После регистрации вы получите гайд по поиску вакансий за рубежом, который поможет вам получить оффер в компанию мечты
30 марта в 19:00 Библиотека программиста проводит вебинар «Стратегии трудоустройства в международную IT-компанию».
Специалисты из крупнейших международных BigTech компаний расскажут о своем опыте трудоустройства в IT-корпорации и поделятся советами по поиску вакансий, составлению резюме и прохождению технических собеседований.
👉 Регистрация по ссылке: https://proglib.io/w/a7f45971
На вебинаре вы узнаете
🔹Стоит ли работать из России на международную компанию или сразу искать вариант с релокацией
🔹Плохой английский: что делать
🔹Куда ни ногой: «красные флаги» зарубежных компаний
🔹Как составить резюме и выделиться среди других кандидатов
🔹Как пройти собеседование: общение с рекрутером
🔹Какие документы и сколько денег потребуются для переезда
🎁 После регистрации вы получите гайд по поиску вакансий за рубежом, который поможет вам получить оффер в компанию мечты
#новости
24 марта спецификация HTML пополнилась новым элементом группового контента. Узнайте, для чего предназначен и как использовать элемент search.
Читать
24 марта спецификация HTML пополнилась новым элементом группового контента. Узнайте, для чего предназначен и как использовать элемент search.
Читать
www.scottohara.me
The search element | scottohara.me
Today, March 24th 2023, the HTML specification added a new grouping content element. The search element.
Вы когда-нибудь думали о себе, как об авторе обучающего курса?
Anonymous Poll
6%
Да, думал. Я тимлид
9%
Да, думал. Я сеньор
17%
Да, думал. Я мидл
10%
Да, думал. Я джун
15%
Да, думал, но не хватает скила
43%
Нет, это не мое
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js pinned «Вы когда-нибудь думали о себе, как об авторе обучающего курса?»
Тут Гарет Хейс, исследователь безопасности в PortSwigger, новую технику эксплуатации уязвимости Server-Side Prototype Pollution в Node.js нашел.
Подробнее
Подробнее
Практическое введение в работу с фреймворком Astro на примере создания многостраничного сайта с блогом.
Читать
Читать
Bejamas
What is Astro js framework: a practical guide
Learn Astro js by creating a blog using this modern JavaScript framework and static site generator. Find the benefits of using Astro in web development.
React Labs: над чем работает команда React — март 2023 г.
1️⃣ React Server Components
2️⃣ Asset Loading
3️⃣ Static Server Rendering Optimizations
4️⃣ React Optimizing Compiler
5️⃣ Offscreen Rendering
6️⃣ Transition Tracing
Читать
1️⃣ React Server Components
2️⃣ Asset Loading
3️⃣ Static Server Rendering Optimizations
4️⃣ React Optimizing Compiler
5️⃣ Offscreen Rendering
6️⃣ Transition Tracing
Читать
react.dev
React Labs: What We've Been Working On – March 2023 – React
The library for web and native user interfaces
«Неочевидные возможности SVG в современном фронтенде»
Константин Остров, руководитель отдела фронтенд-разработки в студии «Феникс», делится историей о том, как его команда преодолевала сложности с SVG и на какие грабли не стоит наступать вам.
Вы узнаете:
— о позиционировании объектов внутри SVG и о том, как им овладеть;
— о внедрении динамических элементов внутрь SVG;
— о расчете координат объектов вне box модели;
— о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения;
— о производительности SVG в вебе и о том, как ее можно улучшить.
📺 Смотреть
Константин Остров, руководитель отдела фронтенд-разработки в студии «Феникс», делится историей о том, как его команда преодолевала сложности с SVG и на какие грабли не стоит наступать вам.
Вы узнаете:
— о позиционировании объектов внутри SVG и о том, как им овладеть;
— о внедрении динамических элементов внутрь SVG;
— о расчете координат объектов вне box модели;
— о возможности влиять на содержимое SVG средствами CSS и JS, ограничениях и способах решения;
— о производительности SVG в вебе и о том, как ее можно улучшить.
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Неочевидные возможности SVG в современном фронтенде – Константин Остров / #DevTalks
«Неочевидные возможности SVG в современном фронтенде» — Константин Остров (руководитель отдела фронтенд-разработки в студии «Феникс»)
Доклад с митапа DevTalks. Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности…
Доклад с митапа DevTalks. Современный фронтенд: roadmap развития разработчика, актуальные инструменты и неочевидные возможности…
Архитектура Teams теперь включает Fluent UI, WebView2 вместо Electron и React вместо Angular.
Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Думали Телеграм останется в стороне, и ничего не сделает к 1 апреля, но нет, новая анимация при нажатии лайка — прекрасная! Круто придумали, молодцы! Видимо сам Дуров приложил к этому руку 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
Краткое руководство по переезду с Create React App на Vite. В догонку можно прочитать заметки с похвалой Vite, в которых небезызвестный Scott Vandehey отмечает его значительную простоту по сравнению с кошмаром настройки WebPack и Babel.
www.robinwieruch.de
Migrate to Vite from Create React App (CRA)
How to migrate to Vite from Create React App (CRA) with environment variables, testing, SVG, ESLint, TypeScript ...
Топ-10 CSS-свойств аниматора
Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают.
📺 Смотреть
Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают.
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Юлия Миоцен: Топ-10 CSS-свойств аниматора
Я занимаюсь CSS рисунками и анимациями почти 4 года. За это время у меня образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка.
Обсудим, что в этих свойствах классного, зачем они нужны и какие возможности…
Обсудим, что в этих свойствах классного, зачем они нужны и какие возможности…