Мы размещаем большую часть контента нашего блога на blog.ag-grid.com и публикуем уведомления о контенте, который мы считаем полезным, в наших учетных записях в социальных сетях.

Но я решил обобщить некоторые из них в этом посте, чтобы донести «хорошие вещи» до более широкой аудитории.

Надеюсь, вы найдете это полезным.

Угловая нация

Angular Nation получила еще несколько положительных отзывов в Интернете от Игоря Минара, руководителя группы Angular, продвигающего Учетную запись Angular Nation Patreon.

Angular Nation — это бесплатное онлайн-сообщество Angular с множеством бесплатных мероприятий, лекций и курсов.

Плункер

Plunker не создает заметки о выпуске и не объявляет о своих новых функциях, но недавно у него было обновление:

  • везде использовать HTTPS
  • облегчить встраивание

HTTPS помог ускорить встраивание и избежать предупреждений о смешанном содержании. Встраивание делает загрузку Plunker еще быстрее, поэтому, если вы ищете разные сайты для размещения кода для публикации кода в Интернете. Не забудьте дать Plunker оценку.

Конференции

React Summit составил список докладов сезона 2020/2021.

Я все еще работаю над докладами, но я нашел доклад от Shawn Swyx Wang в объяснении некоторых фундаментальных концепций React.

Доклад Kent C Dodds об управлении состоянием приложения React очень хорошо объяснил React Context.

А про React на сервере с Blitz и Redwood было интересно узнать из выступления Брэндона Байера.

Мне еще предстоит послушать другие доклады, но там много интересного.

Приложения и примеры сообщества

Большинство клиентов AG Grid используют AG Grid в коммерческих приложениях, и в результате мы не перечисляем всех клиентов из списка Fortune 500, которые используют наш продукт, поэтому приятно видеть проекты сообщества, использующие AG Grid. Те, о которых мы можем говорить и продвигать легко.

Модульное тестирование компонентов Angular

Гильермо Арельяно демонстрирует использование Karma и Jasmine в этом видео на YouTube, демонстрирующем модульное тестирование компонентов пользовательского рендерера Angular AG Grid.

Также есть подробный пост в блоге от Гильермо, объясняющий подход и показывающий код.

  • "видео"
  • "Сообщение блога"

Генерация тестовых данных и редактирование таблиц

Один из них — проект, который я создал. Он начинался как простой редактор Markdown и CSV, при этом большая часть тяжелой работы выполнялась AG Grid. Затем я расширил его, включив в него Gherkin, генерацию кода HTML Table, а в последней версии я добавил генерацию тестовых данных.

Он использует RandExp и Faker для генерации данных, поэтому простая спецификация, например:

name
faker.fake {{name.lastName}}, {{name.firstName}}
desc
faker.lorem.paragraph
collects
faker.hacker.noun
prefers
(Connie|Bob)

Может генерировать такие данные:

Он остается редактором CSV и таблиц, поэтому данные легко переупорядочивать и изменять.

Исходный код для редактора таблиц Markdown и CSV и Рабочая версия на GitPages или Stackblitz

Задержки рейсов

Армела Джока показала превью проекта Flight Delay с источник здесь.

Мне нравится читать исходный код других людей, чтобы узнать, чему я могу научиться, и считаю полезным ознакомиться с проектом на ранней стадии, когда код обычно меньше.

Реагировать Документы

Выпущены бета-версии React Docs:

https://beta.reactjs.org/

Мне особенно интересно их читать, потому что во всех примерах теперь используются хуки, а не классы.

И… как и в Документации для AG Grid, все примеры имеют интерактивные образцы кода. Документы React используют codesandbox.io, мы используем Plunker.

Подкасты

Обсуждения архитектуры StackBlitz с большим количеством WebAssembly и ByteCode Alliance являются интересным сайтом для получения дополнительной информации.

Подкаст WebRush всегда приятно слушать.

Еще в эпизоде ​​​​149 компания Proof Trading описала свою архитектуру высокопроизводительной торговой системы. У нас в блоге есть Краткое содержание эпизода с расшифрованными цитатами, потому что Proof Trading использует AG Grid как часть своего графического интерфейса.

Найл Кросби, основатель AG Grid, появился в подкасте JavaScript Jabber Episode 504. Обсуждались такие темы, как JavaScript Data Grids, поддержка нескольких фреймворков, производительность DOM, веб-компоненты, IOC, разработка без зависимостей, превращение открытого исходного кода в прибыльную бизнес-модель. , машинопись и многое другое.

У нас в блоге есть отредактированная стенограмма эпизода подкаста.

В блоге

В октябре мы опубликовали довольно много сообщений в блоге:

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

Это был мега-пост. Я использовал Podcast Player в качестве примера для изучения AG Grid и создал версию на простом JavaScript. Чтобы изучить React, я хотел преобразовать приложение в React, поэтому я вел заметки, когда делал преобразование, и создал обучающую запись в блоге.

В посте также есть два видео, показывающих процесс создания Часть 1 и Часть 2.

Показывает, как применять условия фильтрации ИЛИ на пользовательской панели инструментов.

Поскольку наша документация поддерживает несколько фреймворков, команда разработчиков создала целую кучу способов автоматической генерации многих из них. В этом посте вы узнаете, как мы используем JSDoc и AST для создания документации по определению типа.

Определения типов объясняются в этом сообщении в блоге.

В последней версии AG Grid представлены диаграммы Sparkline в ячейках, что является простым способом добавления контролируемых программистом диаграмм в строки сетки.

Просто для удовольствия я создал игру-головоломку с слайдером, используя AG Grid, в ней есть кнопки в средстве визуализации ячеек и настраиваемые заголовки для имитации игры-головоломки 3x3.