https://good-gis.github.io/ Recent content on good-gis blog Hugo -- 0.156.0 en-us Tue, 10 Jun 2025 17:16:00 +0300 https://good-gis.github.io/posts/leetcode/ Tue, 10 Jun 2025 17:16:00 +0300 https://good-gis.github.io/posts/leetcode/ <p>Рассмотрим 6 ключевых паттернов, которые помогают решать 70% самых популярных задач на LeetCode.</p> <p>🚀 Прокачаешься в собеседованиях и алгоритмах, даже если раньше было страшно</p> <h2 id="два-указателя">Два указателя</h2> <p>Пробегаешь массив или строку двумя указателями - с разных концов, навстречу друг другу, либо в одном направлении, чтобы ловить нужные комбинации.</p> <h3 id="когда-использовать">Когда использовать:</h3> <ul> <li>Найти пару с суммой = target в отсортированном массиве</li> <li>Удалить дубликаты на месте</li> <li>Перевернуть массив/строку</li> <li>Проверить палиндром</li> <li>Слить два отсортированных массива</li> </ul> <h3 id="как-использовать">Как использовать:</h3> <p>let left = 0;<br> let right = arr.length - 1;</p> https://good-gis.github.io/posts/css2025/ Tue, 04 Mar 2025 12:53:37 +0300 https://good-gis.github.io/posts/css2025/ <p>Последние годы CSS взорвался новинками! 💥 Среди них — фичи, которые меняют подход к вёрстке и уже поддерживаются всеми современными браузерами.</p> <p>Эта шпаргалка — наш топ CSS-инструментов, которые стоит внедрить в продакшн-код в 2025.</p> <p>Читайте, тестируйте, делитесь лайфхаками! 🔥</p> <h2 id="container-queries">Container Queries</h2> <p>Контейнерные запросы включают две отдельные функции: запросы размера (size queries) и запросы стилей (style queries). Мы планируем использовать только запросы размера, которые имеют широкую поддержку, в <a href="https://caniuse.com/css-container-queries-style">отличие от запросов стилей</a>.</p> <p><strong>Проблема:</strong></p> https://good-gis.github.io/posts/git-commands/ Tue, 25 Feb 2025 16:53:37 +0300 https://good-gis.github.io/posts/git-commands/ <h1 id="команды-git-которые-стоит-начать-использовать-уже-сегодня">Команды Git, которые стоит начать использовать уже сегодня</h1> <p>В новых версиях Git появились команды, которые делают работу с Git более удобной и безопасной. Посмотрим наиболее полезные:</p> <hr> <h2 id="--word-diff-для-команды-git-diff"><code>--word-diff</code> для команды <code>git diff</code></h2> <h3 id="проблема">Проблема</h3> <p>Иногда необходимо увидеть различия между ветками, например, между вашей локальной веткой и веткой <code>origin/master</code>.<br> Для этого можно использовать команду:</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git diff origin &lt;branch name&gt; </span></span></code></pre></div><p>Однако стандартный вывод команды <code>git diff</code> отображает изменения в виде блоков кода, что может быть трудно воспринимать, особенно при больших изменениях.</p> https://good-gis.github.io/posts/ngrx-facade/ Thu, 26 Sep 2024 18:24:58 +0300 https://good-gis.github.io/posts/ngrx-facade/ <h1 id="упрощаем-работу-с-ngrx-store-с-помощью-фасадов">Упрощаем работу с NgRX Store с помощью фасадов</h1> <p>NgRX одновременно c решением массы проблем управления состоянием приложения, добавляет сложность и связанность между компонентами и менеджером состояния. Это может затруднить повторное использование компонентов в других проектах, если они напрямую зависят от конкретной реализации стора.</p> <p>Фасады предлагают элегантное решение этой проблемы, создавая абстракцию между компонентами и сторами. Они позволяют компонентам взаимодействовать с состоянием через унифицированный интерфейс, что упрощает переиспользование компонентов и улучшает архитектуру приложения. Рассмотрим, как правильно использовать фасады в Angular для достижения максимальной гибкости и независимости компонентов.</p> https://good-gis.github.io/posts/ngrx/ Wed, 25 Sep 2024 13:24:38 +0300 https://good-gis.github.io/posts/ngrx/ <h1 id="ngrx-с-нуля-полное-руководство-по-управлению-состоянием-в-angular">NgRX с нуля: Полное руководство по управлению состоянием в Angular</h1> <p>Сегодня мы рассмотрим одну из ключевых тем в разработке приложений на Angular — использование NgRX для управления состоянием. Мы погрузимся в архитектуру Redux, узнаем, что такое state manager, и как NgRX помогает в создании централизованного хранилища данных.</p> <h3 id="проблема">Проблема</h3> <p><img alt="Пример источников состояний" loading="lazy" src="https://good-gis.github.io/ngrx1.png"></p> <p>Если мы изучим любое приложение, мы увидим множество источников данных: Local Storage, Session Storage, данные на сервере, а также данные, хранящиеся напрямую в HTML. Управление этими данными сложно. Если каждый будет сохранять данные по-своему, со временем станет сложно разбираться в этом многообразии состояний. Также возникают вопросы о том, какие данные актуальны, если одна и та же информация хранится в нескольких местах. Необходимо определить источник истины в таких случаях. Это и есть основная проблема Frontend-приложений, которую решают State Managers.</p>