Создаем веб-компонент сортируемой таблицы с пагинацией.
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component
Raymondcamden
Building Table Sorting and Pagination in a Web Component
Building a web component to abstract loading data into a table and adding sorting and pagination.
👍10💩3
Kubernetes для фронт разработчиков.
https://www.smashingmagazine.com/2022/05/kubernetes-front-end-developers/
https://www.smashingmagazine.com/2022/05/kubernetes-front-end-developers/
Smashing Magazine
Kubernetes For Frontend Developers — Smashing Magazine
Developers are migrating from on-premises technology and embracing the benefits cloud infrastructure offers. Moreso, there is a rapid shift from a monolithic architecture to microservices architecture; this ensures that apps have higher availability, are…
👍13🤔2💩2👎1
Топ 5 библиотек для анимации на Vue - сравнение.
https://blog.logrocket.com/top-5-vue-animation-libraries-compared/
https://blog.logrocket.com/top-5-vue-animation-libraries-compared/
LogRocket Blog
Top 5 Vue animation libraries compared - LogRocket Blog
Compare the top 5 Vue animation libraries based on installation processes, implementation, and essential features.
👍7💩1
Создание статического сайта с использованием Iles.js
https://blog.openreplay.com/building-a-static-website-using-iles-js
https://blog.openreplay.com/building-a-static-website-using-iles-js
👍4💩3
Альтернатива Next.JS? — Все, что вам нужно знать о RemixJS
https://blog.openreplay.com/an-alternative-to-next-js-everything-you-need-to-know-about-remixjs
https://blog.openreplay.com/an-alternative-to-next-js-everything-you-need-to-know-about-remixjs
💩17👍9🤔1
Создание адаптивной галереи с CSS flexbox.
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
LogRocket Blog
How to create a responsive image gallery with CSS flexbox - LogRocket Blog
Learn how to use CSS flexbox to create demos for responsive image gallery layouts that look amazing across all devices.
👍12
Полезные советы и трюки при работе с array reduce.
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
Medium
10 Must-Know JavaScript Tricks & Tips About Reduce
10 Tricks About Reduce That Make You Write Less And Do More.
👎9👍7😁2
Что такое SPA - плюсы и минусы, некоторые особенности. Краткая заметка, которая подойдет для подготовки к собеседованию,
https://www.keycdn.com/blog/single-page-application
https://www.keycdn.com/blog/single-page-application
KeyCDN
Single-Page Applications: A Comprehensive Guide
Single-Page-Applications (SPAs) are websites that load all their content into a single page. Learn the benefits of SPAs and when they're best for your website.
👍11
Когда и как использовать HTML валидацию форм.
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
LogRocket Blog
When and how to choose HTML for form validation - LogRocket Blog
Client-side form validation such as HTML5 gives users near-immediate feedback about whether or not their input data is valid.
👍6
Лучший способ решить prop drilling в React приложениях
https://blog.logrocket.com/solving-prop-drilling-react-apps/
https://blog.logrocket.com/solving-prop-drilling-react-apps/
LogRocket Blog
A better way of solving prop drilling in React apps - LogRocket Blog
In the spirit of "using the platform," learn how the React library provides a workaround for prop drilling without Redux or the Context API.
👍10💩5🤔2
4 задачи, к которым стоит подготовиться перед front-end собеседованием.
https://medium.com/frontend-canteen/algorithms-for-front-end-interviews-4aa329bb2ce4
https://medium.com/frontend-canteen/algorithms-for-front-end-interviews-4aa329bb2ce4
Medium
4 Algorithms You Need to Know Before Taking a Front-End Interview
Front-end is a constantly changing field, and there are always many new things that we need to learn, which brings us a lot of learning…
👍10👎7🤔3🔥1
Разработка современной UI темы с помощью Open Props
https://blog.logrocket.com/designing-modern-theme-open-props/
https://blog.logrocket.com/designing-modern-theme-open-props/
LogRocket Blog
Designing a modern UI theme with Open Props - LogRocket Blog
Read our tutorial on Open Props. This open source, color scheme-optimized CSS library provides fast, consistent, customized design options.
👍9
Гайд для новичков по функциям высшего порядка в JS
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
https://www.freecodecamp.org/news/higher-order-functions-in-javascript/
👍18
Сравнение инструментов для оптимизации перфоманса в React
https://blog.logrocket.com/comparing-tools-optimizing-performance-react/
https://blog.logrocket.com/comparing-tools-optimizing-performance-react/
LogRocket Blog
Comparing tools for optimizing performance in React - LogRocket Blog
Good UX means optimizing your React apps as much as possible. Learn about the best tools for the job in this in-depth comparison.
👍9👎2
Валидация формы на стороне клиента с помощью JavaScript и octaValidate
https://blog.bitsrc.io/client-side-form-validation-using-octavalidate-javascript-b150f2d14e99
https://blog.bitsrc.io/client-side-form-validation-using-octavalidate-javascript-b150f2d14e99
Medium
Client-Side Form Validation with JavaScript and octaValidate
Using octaVaidate, you can validate your form inputs using our inbuilt regular expressions or by providing your own regular expressions…
👍4
Как сделать 3D-коробку с анимацией чистом CSS
https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
https://css-tricks.com/how-to-make-a-pure-css-3d-package-toggle/
CSS-Tricks
How to Make a Pure CSS 3D Package Toggle | CSS-Tricks
You know how you can get cardboard boxes that come totally flat? You fold ‘em up and tape ‘em to make them into a useful box. Then when it’s time to recycle
👍5