Публикации по теме frontend

Публикации по теме 'frontend'

Отделение SPA от фреймворка, практический пример

Война фреймворков JavaScript, которую мы наблюдаем сегодня, сложнее, чем та, которую мы видели в сериале «Игра престолов». Выбор подходящего фреймворка - одно из самых важных решений, которые нам нужно принять при запуске нового проекта, и поэтому в Интернете есть сотни статей, в которых сравниваются фреймворки: реактивность, расширяемость, принятие… Это не одна из тех публикаций. Цель этой публикации - побудить вас избегать привязки вашего приложения к выбранной вами структуре...

Как сделать тост самостоятельно в Vue

pss, эта статья похожа на другую мою статью о модальных окнах, посмотрите и ее! https://medium.com/itnext/how-to-build-a-reusable-modal-component-in-vuejs-f1799ab9b3e Введение Как вы все, наверное, знаете, пользовательский опыт очень важен при создании вашего веб-сайта. Когда пользователь взаимодействует с вашими кнопками и формами или когда что-то идет не так, важно как-то уведомить его о результате своих действий, чтобы операция казалась завершенной и отзывчивой. Одним из..

Vue JS — Не держите пользователей в напряжении, используйте Suspense!

Если это название вас немного сбивает с толку, пристегнитесь и пойдем со мной, чтобы узнать о функции Suspense в Vue 3, которая сделает ваши приложения Vue намного более удобными в обслуживании и удобными для пользователя. Прежде чем мы начнем, в этой статье предполагается, что вы знакомы с промисами Vue и JavaScript . При разработке веб-приложений выполнение вызовов API к внешней базе данных, источнику файла или другому веб-ресурсу не является чем-то новым для большинства..

Лучшие шаблоны дизайна React для изучения в 2023 году

React — это популярная библиотека JavaScript для создания пользовательских интерфейсов, а ее простота и гибкость сделали ее предпочтительным выбором для многих разработчиков. Как и в случае любой технологии, существуют определенные шаблоны проектирования, которые доказали свою эффективность при создании хорошо структурированных и удобных в сопровождении приложений React. Вот несколько лучших шаблонов проектирования React, которые стоит изучить в 2023 году: 1. Компоненты..

Docker-101 для js-разработчика

бла-бла-бла, ты разработчик, ты это знаешь Шаг 1: создайте файл .dockerignore # ignore the node_modules folder node_modules/* Шаг 2: создайте Dockerfile # set docker image FROM node:latest # set working directory WORKDIR /home/node/app # copy package.json & package-lock.json to your working directory COPY package*.json /home/node/app # install the npm packages RUN npm ci # copy your files to your working directory COPY . /home/node/app # Make port 8080 available outside the..

Внедрение компонентов Vue IMap (карта Google) с помощью сборника рассказов

Archieced: vue-cli, сборник рассказов использовать API карты Google Компонент IMap Сборник рассказов IMap Шаг за шагом: Шаг 1: создать проект gcp (облачная платформа google) и активный относительный api карты google Шаг 2: установите проект с помощью vue-cli Шаг 3: инициализация сборника рассказов vue Шаг 4: реализовать компонент IMap Шаг 5: реализовать историю компонента IMap исходный код Https://github.com/sky790312/vue-google-map-with-storybook Шаг 1: создать..

8 главных тем Javascript, которые вы должны знать, прежде чем приступить к изучению ReactJS . :)

ReactJS — популярная библиотека JavaScript для создания пользовательских интерфейсов. Прежде чем приступить к изучению ReactJS, важно хорошо понимать некоторые основополагающие концепции JavaScript. Вот некоторые важные темы, которые вы должны знать, прежде чем погрузиться в ReactJS: Основы JavaScript: вы должны хорошо понимать синтаксис JavaScript, типы данных, функции, циклы и условия. Функции ES6: ReactJS использует многие функции ES6, такие как стрелочные функции, литералы шаблонов,..