Мы размещаем большую часть контента нашего блога на 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:
Мне особенно интересно их читать, потому что во всех примерах теперь используются хуки, а не классы.
И… как и в Документации для 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.