🔥 Дайджест полезных материалов из мира : Javascript за неделю

Почитать:
— react-query vs SWR и избавимся ли мы от Redux?
— Абстрактные типы данных. Изложение для начинающих
— Генерируем простой web интерфейс для просмотра таблиц PostgreSQL
— Паттерны реактивности в современном JavaScript
— Ликбез по распространенным Client-Side уязвимостям
— Подробная настройка Content Security Policy (CSP)
— RxJS: как операторы высшего порядка упрощают код
— Задачи про PEG-парсеры
— Просто о Deep #1
— Добавление server side Open Graph и прочего SEO в существующую SPA
— Why Use NodeJS Over Other Languages and Runtimes?
— Web End Projects
— Will JavaScript ever die? Can WebAssembly replace JS?
— JU Query: Web App for community based learning (Project)
— What Is NodeJS?
— JavaScript Functions and Events : A Comprehensive Guide
— React interactive Components | Tabs
— What Is A JavaScript Bundler?
— Event Loop - Javascript
— React Content Rendering

Посмотреть:
🌐 CSS Anchor Is The Best New CSS Feature Since Flexbox (⏱ 15:39)
🌐 New useFormStatus React Hook (⏱ 01:00)

Хорошего дня!

@javascriptv

Responsive Social Platform UI — красивый адаптивный интерфейс социальной платформы, реализованный с помощью Alpine.js

https://codepen.io/TurkAysenur/pen/RwWKYMO

@javascriptv

🔥 Дайджест полезных материалов из мира : Javascript за неделю

Почитать:
— Создатель Ruby on Rails: «Turbo 8 отказывается от TypeScript»
— Как отправлять пользовательский интерфейс по API
— Проблема код-ревью: ESLint — больше, чем просто «extend»
— Бот-сказочник, или как генерировать истории с помощью ChatGPT и Telegram
— 9 лучших консольных файловых менеджеров Linux
— Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js
— Обертка для indexedDB / localStorage /…
— Как грамотный подход аналитиков может сэкономить бюджет компании за счет изменения подхода к реализации проекта
— Ускорение в 30 раз — requestIdleCallback
— Повышаем продуктивность разработки: магия общей ESLint конфигурации
— Создание приложения для распознавания текста с изображений и аудиофайлов
— Bun 1.0 got released, its Packager Manager is 10x faster then yarn
— Finally you can skip dotenv in Node
— Are you still using the ternary operator to dynamically apply Tailwind styles?
— The Fundamental Concept For JavaScript Beginners
— Latest Newsletter: Circles or Squiggles? (Issue #131)
— Node.js 20.6.0: Say Goodbye to 'dotenv'
— How to resolve the error "Unable to validate properties of null value"?
— Unlock $10 and the Future of OCR with Verifik's Scan-Prompt API!
— Set Minimum Height CK Editor/CK Editor rows="" Not Working
— SplideJS Revolutionize Your Website Design with Seamless Slider Integration

Посмотреть:
🌐 HTMX заменит Frontend?! WTF? (⏱ 12:12)
🌐 5+ CSS Features That Will Change How You Code (⏱ 17:58)
🌐 NEW Way To Create Variables In JavaScript (⏱ 01:00)

Хорошего дня!

@javascriptv

VideoCall App UI — изящный пользовательский интерфейс приложения VideoCall, реализованный с помощью jQuery.

https://codepen.io/aybukeceylan/pen/pobbEYB

@javascriptv

Архитектурные стили, которые вы должны знать в 2023 году

— REST (Representational State Transfer): REST - это архитектурный стиль, в котором используются преимущественно методы HTTP, - чемпион по простоте и повсеместности. Он обеспечивает простое взаимодействие с ресурсами, что делает его основным паттерном для множества приложений и современных API.

— SOAP (Simple Object Access Protocol): SOAP, претендующий на звание тяжеловеса на арене API, отличается сложностью и мощностью. Он использует XML для определения структурированного взаимодействия. Хотя для работы с SOAP требуется клиент и сервер, он компенсирует это своей прочностью и надежностью, подобно хорошо сконструированному внедорожнику, преодолевающему труднопроходимую местность.

— GraphQL: Восходящая звезда в мире API, GraphQL предлагает гибкость и точность. Он позволяет клиентам запрашивать именно то, что им нужно, сокращая избыточность и повышая производительность. Подумайте об этом как о персональном покупателе - вы получаете только то, что просили, ни больше, ни меньше.

— gRPC (Google Remote Procedure Call): gRPC - это самый быстрый из всех API. Работающий по протоколу HTTP/2 и использующий двоичные данные, он нацелен на производительность и скорость, особенно в архитектурах микросервисов. Он подобен скоростному поезду, обеспечивающему быструю и надежную связь.

— WebSockets: Если вам нужна связь в реальном времени и двунаправленная связь, то WebSockets - это то, что вам нужно. Они идеально подходят для чат-приложений, потокового вещания и обмена данными в реальном времени - это как открытая телефонная линия между клиентами и серверами.

— Webhooks: Webhooks - это глашатаи цифрового мира. Они уведомляют клиентов о наступлении определенных событий на стороне сервера, что делает их идеальным решением для архитектуры, управляемой событиями. Представьте себе, что это ваша персональная система оповещения, которая информирует вас о том, что важно.

#советы

🔥 Дайджест полезных материалов из мира : Javascript за неделю

Почитать:
— Натальная травматология фронтенда S1 E1-14
— Митапы PiterJS вернулись
— Rematch — Redux без шаблонного кода
— Утечки памяти в SSR: причины, поиск, устранение
— Скрытие POI за зданиями
— Что нового в Chrome 117?
— Видеоредактор, работа с видео и зачем там Canvas
— Kysely.js типизированный sql builder
— Измерение размеров объектов на фотографии
— Find the best herbal chamomile tea - junglesting
— 10 'Aha' Moments: Navigating React's New Documentation!
— GitHub Decoded: Your Beginner's Guide
— Web workers in ReactJs
— 🚀Learn Next.js 13 Within 2 Hours🚀
— Latest Newsletter: Wonderfull and Strange Nerdy Discussions (Issue #132)
— 🚀Mastering Performance Optimisation in React Applications🚀
— How Does Nerve Regen Formula Work?
— What Is Bun 1.0? A Game-Changer in JavaScript Development
— Mastering object manipulation in JavaScript

Посмотреть:
🌐 Learning To Code Is Easy (⏱ 08:59)
🌐 NEW React Hooks Saves 1K+ Lines Of Code (⏱ 01:00)

Хорошего дня!

@javascriptv

⚡Creativity Now — 3D-текст, созданный на Blender. Анимация замены оформления реализована с помощью Tree.js.

#анимация #Blender #Treejs

https://codepen.io/ScavengerFrontend/pen/mdRrVVO

@javascript

Использование FileReader для чтения файлов в JavaScript

Нашли для вас туториал о том, как использовать FileReader для чтения содержимого файлов в браузере. Автор статьи на практике рассмотрел несколько примеров, как с использованием элемента input, так и Drag'n'Drop:

https://itchief.ru/javascript/filereader

#javascript #туториал

@javascriptv

🔥 Дайджест полезных материалов из мира Javascript за неделю

Почитать:
— Минуты и часы не нужны
— Создание мини игр и анимации в Online редакторе Collagen_2
— Event Loop в деталях
— Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT
— Web Accessibility в рассказе «A11Y от 0 до NaN»
— Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал
— JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
— Веб-компоненты в 2023: нужно поговорить
— Подружим Sentry и Mattermost быстро и просто через адаптер
— Генерация BDD тестов с помощью ChatGPT и запуск их через Playwright
— Latest Newsletter: Beware Of Circularity (Issue #133)
— Basic Promise in JavaScript
— Conquer MS-101: Dumpsarena Offers Reliable Study Materials
— JavaScript Magic Tricks: 6 Ways to Use 'alert'
— typeof null return object...
— Cracking the Code: Leet Code 1048 - Longest String Chain (Medium) - NileshDev
— How To Quickly Fix Production Errors Along With CORS Error
— Creating an NPM Package in 2024 (Deno, dnt)
— Singleton Connection with Transactions in MongoDB
— What is JavaScript(and what can you do with it)

Посмотреть:
🌐 Экосистема React.js 2023 (⏱ 12:45)
🌐 The Best React State Management Solution Has Been There All Along (⏱ 05:38)
🌐 This CSS Feature Replaces CSS-In-JS (⏱ 01:00)

Хорошего дня!

@javascriptv

Топ вопросы на собеседовании по JavaScript

1. Способы наследования
2. Типы данных
3. Ключевое слово this.
4. Методы call, apply, bind.
5. Замыкание (closure)
6. Область видимости (scope)
7. Каррирование (currying).
8. Параметры функции в ES6
9. Модификаторы var, let, const B
10. Коллекции Array, Map, Set Blog

#video #js

https://www.youtube.com/watch?v=0e9eyrxB-LU&list=PLwHvxJae2LazDrHm6ayqLKz6jszEn7ArQ&ab_channel=ProgBlog

📌Binoculars — красивая имитация бинокля. Реализована на CSS и JavaScript.

#js #анимация #css

https://codepen.io/DeyJordan/pen/MWZwRMm

@javascriptv

⚡ 5 лучших шаблонов проектов React Native на GitHub для быстрой разработки приложений 📱

Список полезных ресурсов, которые ускорят разработку приложений! Эти шаблоны упрощают процесс разработки, позволяя вам быстро приступить к работе над приложениями👇

1. React Native Elements: https://github.com/react-native-elements/react-native-elements
2. Ignite CLI Boilerplate: https://github.com/infinitered/ignite
3. React Native Paper: https://github.com/callstack/react-native-paper
4. UI Templates: https://github.com/Aashu-Dubey/React-Native-UI-Templates
5. React Native Boilerplate: https://github.com/thecodingmachine/react-native-boilerplate

@javascriptv

🔥 Дайджест полезных материалов из мира Javascript за неделю

Почитать:
— Увеличиваем свою производительность в WebStorm / PhpStorm c помощью шаблонов
— Пристальный взгляд на отладку JavaScript приложений
— Один компонент, 20+ фич, A/B-тесты: Поможет ли машина состояний?
— Как добавить несколько товаров в Shopify корзину одним кликом?
— 15 лучших бесплатных курсов по Linux
— Как мы создаём Squadus. Реализуем «прыжок к сообщению» в мобильной версии
— React 18: что поменялось
— Restyle как новый стандарт для создания UI в React Native
— React Fiber & Concurrency Part 1 (2)
— Svelte: Знакомство с рунами
— Tailwind не только для MVP
— Flaco - Personal multipage theme
— Optimising Architectural Excellence: Must-Have Tools for Success!
— Exploring React's Data Retrieval Methods
— Mastering React.js: Top 20 Interview Questions You Need to Know
— Latest Newsletter: Bitcoin Butterfly (Issue #134)
— Send email confirmation in Strapi
— ALTER 26" 002S MODEL CYCLE | Alter Bikes
— 10 Best Tools and Practices for Boosting Code Quality in Node.js
— How to Create a Chat App With Bun Using WebSockets
— Demystifying TypeScript Generics with Simple Examples

Посмотреть:
🌐 CSS nth-child Just Got 100x Better (⏱ 00:56)
🌐 Clean Code Is Killing Your Projects (⏱ 09:20)

Хорошего дня!

@javascriptv