JavaScript заметки
8.51K subscribers
2.78K photos
4 videos
1.29K links
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке.

Можно почитать пока компилируется проект :)

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Download Telegram
Стрелочные функции

Стрелочные функции предоставляют сокращенный синтаксис для определения функций.

#функции
👍5
Задачи про PEG-парсеры

В итоге я сделал игру программу CrateGram

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1
Анонимная функция

Анонимные функции могут быть присвоены переменным и использованы как значения.

#функции
👍41
Просто о Deep

Одним из возможных вариантов является переход на GraphQL. Это позволит решить три вышеуказанных проблемы. Однако вместе с этим может появиться новый нюанс - общеизвестная проблема N+1, которую часто связывают с использованием GraphQL.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍21
Вызов функции

Функцию можно вызвать, передав нужные аргументы в скобках.

#функции
2
Добавление server side Open Graph и прочего SEO в существующую SPA

Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега <head>.
Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром ?hl=fr появлялась превью с французским заголовком и описанием сайта.
Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍3
Создание функции

В этом примере функция greet принимает аргумент name и возвращает приветствие.

#функции
👍2
Под капотом анимаций в React Native

Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Создание объекта с прототипом

Объект child наследует свойство name из объекта parent

#прототипы
👍111🔥1
Бот-сказочник, или как генерировать истории с помощью ChatGPT и Telegram

Представьте, что вам нужно написать художественный роман. У вас есть ключевые идеи, продуманы основные повороты событий, но нет возможности объединить все в одну историю.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
3
Изменение прототипа объекта

Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках

#прототипы
4👍1
Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js

Приложение, о котором пойдёт речь, применимо в архитектурно-строительной области. С развитием информационных технологий, технологий строительства и производства, а также экономической составляющей, появилась необходимость в более эффективном и комплексном подходах в управлении инвестиционно-строительными проектами, что поспособствовало появлению и формированию ТИМ BIM-технологии.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Собственные свойства и прототип

Если у объекта есть собственное свойство с таким же именем, оно перекрывает свойство прототипа

#прототипы
👍1
Обертка для indexedDB / localStorage

Библиотека storage-facade, о которой пойдет речь в этой статье, предоставляет единый синхронный / асинхронный API хранилища, являющийся абстракцией над реальной реализацией хранилища. Для конечного пользователя она упрощает использование любых хранилищ, для которых абстрактный класс из storage-facade будет реализован. Как автор этой библиотеки, расскажу о её использовании.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
👍2
Проверка свойства в прототипе

Оператор in проверяет наличие свойства в объекте или его прототипе

#прототипы
👍7
Как грамотный подход аналитиков может сэкономить бюджет компании за счет изменения подхода к реализации проекта

Аналитик достаточно часто встречается с ситуациями, когда нужно выполнить пожелание бизнеса в максимально сжатые сроки. Чаще всего это связано с доработкой интеграции в рамках работы со смежными подразделениями.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
1👍1
Получение прототипа объекта

С помощью Object.getPrototypeOf можно получить прототип объекта

#прототипы
👍5
Ускорение в 30 раз — requestIdleCallback

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

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Создание объекта с явно заданным прототипом

Мы создаем объект Person с явно заданным прототипом Person.prototype

#прототипы
👍7
Повышаем продуктивность разработки: магия общей ESLint конфигурации

Статья будет полезна разработчикам: которые хотят унифицировать подход к форматированию кода в разных проектах; ищут проверенное решение для стандартизации кодовой базы.

#статья

❤️ Прожимай реакции, если нравится такой формат

👉 Читать статью
Классы в ECMAScript 6

Введение классов упрощает создание объектов с прототипами

#прототипы
👍5