Как занять первое место в поисковой выдаче: добавляем SSR в Vue 3 + Vite приложение

https://proglib.io/p/kak-zanyat-pervoe-mesto-v-poiskovoy-vydache-dobavlyaem-ssr-v-vue-3-vite-prilozhenie-2022-11-24

#coding
#vue
#vite
#ssr

JavaScript Algorithms: Valid Parentheses (LeetCode)

https://javascript.plainenglish.io/javascript-algorithms-valid-parentheses-leetcode-71c5b2f61077

#coding
#javascript
#algorithms

Two Ways to Rotate an Array in JavaScript

https://dev.to/seanwelshbrown/two-ways-to-rotate-an-array-in-javascript-1bi3

#coding
#javascript
#algorithms

#javascript #tip by Shripal Soni

Automatically Format your code on Git Commit using Husky, ESLint, Prettier in 9 minutes

https://dev.to/ruppysuppy/automatically-format-your-code-on-git-commit-using-husky-eslint-prettier-in-9-minutes-45eg

#coding
#eslint
#prettier
#git

Replacing Strapi's Default WYSIWYG Editor with TinyMCE Editor

https://dev.to/strapi/replacing-strapis-default-wysiwyg-editor-with-tinymce-editor-168n

#coding
#strapi

Infinite scroll images with Intersection Observer

https://mediajams.dev/post/infinite-scroll-images-in-nuxt.js-using-intersection-observer

#coding
#vue
#nuxt

PostgreSQL Dump Import: How to Restore PostgreSQL Databases? | 3 Easy Methods

https://hevodata.com/learn/postgresql-dump-import/

#coding
#postgresql

Как использовать трэйты для создания модульности и эффективности

На примерах рассмотрим, как использовать трейты в Laravel для повторного использования кода и создания модульных приложений. Автор демонстрируют, как создать трейт и использовать его для вынесения общих методов из классов, а также как использовать трейты для расширения функциональности моделей в Laravel.

👉 @web_craft | #laravel

Кратко о том, что нового в ECMAScript 2023

Если подобные документы о развитии спецификации ECMAScript 2023 вам даются тяжело и хочется быстро узнать основные аспекты, на помощь приходят подобные обзорные статьи. Вы узнаете о некоторых из новых дополнений, включая Array#findLast, hashbangs и Array#toSorted.

Читать

Хорошие способы организации большого проекта Vue.js

Рассмотрим руководство по организации крупных проектов на Vue.js. В статье несколько методов для организации проекта, включая использование архитектурных шаблонов, настройку сборки и общие советы по организации файлов и структуре проекта.

👉 @sWebDev

​​🖥Использование адаптивных изображений в веб-разработке

В этой статье автор расскажет, как реализовать адаптивные изображения с JS-обработкой на фронтенде, и почему изображения на сайтах могут адаптироваться как под разрешение экрана устройства для корректного отображения на мобильных устройствах, так и под экраны с высоким DPI для более детализированного отображения, а также вы узнаете какой самый современный и наиболее правильный способ работы с адаптивными изображениями.

Читать...

iOS Build fail in Script "[CP] Embed Pods Frameworks" with invalid path

https://github.com/flutter/flutter/issues/123852

#coding
#xcode

Архитектура frontend

В отличие от бека, инфы про архитектуру фронта очень мало.
Но все-таки есть хорошие материалы.

Мне очень нравиться цикл статей https://khalilstemmler.com/articles/client-side-architecture/introduction//
Он поможет разобраться в принципах, философии и реализации архитектуры на фронте.

Так же могу посоветовать https://feature-sliced.design/ но там есть свои нюансы, о которых постараюсь написать позже.

#frontend #architecture #ddd

Киллер фича Vue Devtools и IDE

Хочу поделится крутым возможностями которую я недавно обнаружил в Vue Devtools

По умолчанию есть возможность из dev tools перейти прямо к Dom компонента в инспекторе Chrome, что уже очень удобно при отладке разметки и стилей. <> Inspect DOM

Но есть еще более восхитительная возможность переходить в код компонента из браузера прямо в IDE. Можно настроить любой редактор (у меня получилось с VSCode и PHPStorm, другие не пробовал)

Обычно работает из коробки в vue-cli, nuxt, но если нет читайте этот док https://devtools.vuejs.org/guide/open-in-editor.html

Так же эта кнопка появляется только если вы выбираете ваш компонент, а не компонент из Vuetify например.

#vue #devtools #советы

Фронтед-разработчик Илья Туев делится опытом комплексной оптимизации проекта SPA, написанном на Vue 3, с использованием Vuetify для части UI компонентов и Firebase для авторизации.

Читать

Removing duplicates in an Array of Objects in JS with Sets

https://dev.to/marinamosti/removing-duplicates-in-an-array-of-objects-in-js-with-sets-3fep

#coding
#javascript

How to know if your application is running in cordova or a web browser

https://ourcodeworld.com/articles/read/390/how-to-know-if-your-application-is-running-in-cordova-or-a-web-browser

#coding
#javascript
#cordova
#mobile