IT-KAMASUTRA.COM

Редко выхожу в эфир, сорри, но повод хороший: много преподаю, копаюсь в технических темах, погружаюсь в разработку непосредственно как гребец 🚣 а не как лидархитектор 👨🏻‍!!!

Работаю ещё больше, чем раньше, но зажигаюсь от этой работы! Минимум управленческих задач, ураааа!!!

Всё это даёт мне топливо, накидывает на достаточно крепкий фундамент свежих знаний фреймворков и прочего... И... рано или поздно это выльется во что-то большое и глобальное для мира, для каждого из вас! Но всему своё время)))

Пока можете поглядеть нашу libaJS, переписываем с нуля, уткнулись в стену и запутались. Но на базе написанного, просто делаем более структурно.
За сегодня с участниками девклуба за полтора часа (ок, после ещё сам потратил полчасика) ввели понятие fiberNode, построили fiberTree, разделили логику на создание fiberTree и отрисовку, буквально создав вторую "библиотеку" LibaDOM...
блин.. немного непонятно, правильно пока в каждый fiberNode засунули и virtualNode для будущего reconcilation).

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

Ветка с новой версией, для запуска

npm install
npm run dev

Урл для запуска рабочего примера:
http://localhost:5173/examples/users/index.html

На следующий раз добавим useState и сделаем перерисовку только нужного поддерева. Ещё через неделю попробуем реализовать тот самый reconsilation 🤪

На скрине... как выглядит точка входа. Скопировали АПИ Реакта.. конечно же) По сути делаем пародию на реакт!!!

А завтра с утра занятие - разбор тестовых. С прошлой недели запустили еженедельную встречу (2 встречи - среда - для фронтов, в четверг для беков), где разбираем тестовые задачи, которые получают наши ребята. Тестовые за ребят не делаем, но концепции разбираем, архитектуры, код ревью, задачи с собесов тоже.. В общем.. Ура.. я на всю катушку в программировании и преподавании!

Обещал фронтам внятно рассказать про дерево fiber и про virtualDom... Надо глянуть, чё там под капотом у Реакта, пригодится и для нашей LibaJS, побежал готовиться! Обнял всех!

https://www.youtube.com/watch?v=Yfln__2zUYg

Ребят, разберёмся вместе в Web3???

Я немного студент.. издалека, медленно, но хочу разобраться, как примерно это работает. Есть идеи развития нашей компании в том числе через wbe3

Cпасибо Олегу за https://t.me/oleg_gun ликбез

Не могу не похвастаться)))

Мы избавились от функции render и теперь у нас всё делается вот так вот!!! Это компонент, написанный на нашей собственной UI-библиотеке libaJS

Мы приближаемся фактически к тому, как это работает в react после транспиляции JSX.

В следюущий раз перепишем наш примитивненький реконсилейшен, попробовав повторить задумку дерева fiber-ов из React

На канале было 2 выпуска, посвящённых библиотеке!

Я думаю.. текущая стадия достаточно хороша, чтобы снять о ней краткий обзор и показать, к чему мы пришли! Если вам, конечно, нужен такой видос. Возможно мы допишем свой реконсилейшен и транспилятор (да, будем писать свой JSX -> liba транспилятор) и я сниму полный обзор на всю библиотеку!

Новый розыгрыш https://greencard.it-incubator.io

Не пропусти. Есть всего пару дней

https://www.youtube.com/watch?v=I6X-xcn8qmE

Забегайте поболтать!

Такс... друзья, меня давно не было слышно... видно)))

Всё у меня хорошо)

- Вернулся в преподавание - счастливый 😋
- Вернулся в кодинг - счастливый 🙂
- Изучаю devops - счастливый 🤩 Готовлю вместе с нашим devops-ом базовый курс для ребят в карьерном бустере.
- В девклубе с ребятами настраиваем репликишарды для БД и делаем потиху дальше нашу libaJS - счастливый 😊
- Ковыряю современный NextJS, чтобы дальше развивать нашу стажировку в том числе сделав небольшой курс опять же для нашего карьерного бустера.
- на канал пока что забил... накачиваю себя новыми скиллами и реализую свои теоретические знания в практику, чтобы... В общем, затишье перед бурей))) Тише едешь - дальше будешь!

Мыслим стратегически в дальносрок, ребят, всё ОЧЕНЬ медленно, рынок еле живой, будущее туманно, на мой вгзгляд идеальная стратегия не ждать выхлоп в моменте, но качать себя и команду, делать качественную перестройку всего

p.s. на скрине осталось упаковать пример для nextjs - и можно делать презентацию и писать уроки!

Самураи в бустере - ждите крутяк!

ууух...

Начали оптимизировать перерисовки компонентов, доставание их из кеша, сравнивание типов, группировки по типам дочерних компонентов... И поняли в конце, что обсуждаем Reconcilation... примитивный алгоритм создали, на более новороченную версию нужно время. По сути это домашка нам на пару недель! В просто версии заюзали Map, для более новороченной версии будем скорее всего создавать свою структуру данных.. Либо односвязный список, либо дерево..

Безумно увлекательно! Кто не понимает, о чём речь, марш смотреть на канале видео, посвящённые созданию LibaJS

Делаем мир лучше! Завтра сменим эпизод для участия в greencard.
Успей сделать репосты!
В четверг розыгрыш!
Сегодня можно нарепостать и ещё и завтра!

https://greencard.it-incubator.io/

https://www.youtube.com/watch?v=pruadGBsAZk

Хотите поддержать нашу миссию - вступайте в наш девклуб - что-то типа доната, но при этом вы получаете ещё и пользу!

У нас там движуха ещё не полным ходом, но мы идём в этом направлении и постоянные члены клуба вместе со мной находятся в постоянном движении куда-то к космосу!

Скоро покажу и расскажу, что мы тут такое мутим. Часть контента выкину на youtube. В частности, ждите продолжение разработки LibaJS

https://www.youtube.com/watch?v=eZW4i9IpVfU

Начали, залетайте

Продолжаем наш ликбез по основам крипотграфии. То, чего не знать вам должно быть стдыдно

https://youtu.be/mQLZiCsjmGY

В воскресение вечером перед рабочей неделей заруливай пообщаться на любые темы, касаемые программирования, карьеры, учёбы, кода, архитектуры, разработки, рынка, заказчиков!!! Заряжу тебя своим энтузиазмом и полетим дальше в новую неделю!!!

https://www.youtube.com/watch?v=eZW4i9IpVfU


А завтра с утра, кстати, на канале выйдет новая серия из моего криптографического цикла про криптографический хэш

https://www.youtube.com/live/8NBDxIeYBfY?si=E8pup5lujTIUy-aM

Завтра розыгрыш!!! Не пропусти!

Участвуй! https://greencard.it-incubator.io

А мы сегодня с участниками нашего DevClub-а продолжим обсуждение и доработку нашей LibaJS. Сегодня поглядим, что ребята взяли из поставленных задач в разработку и предложат ли мне что-то, что можно было бы смержить в основной репозиторий.

Помимо этого сегодня реализуем (или рассмотрим готовую чью-либо реализацию) "хука" liba.useState.

И в конце затронем тему Proxy, познакомлю с этим классом ребят, накину идей, как через прокси можно сделать так, чтобы когда св-во у объекта мутабельно меняются, чтобы LibaJS автоматом делала перерендер. В версии с "хуком" liba.useState фреймворк будет перерисовывать компонент, реагируя на вызов setter-функции, а хотелось бы сделать, чтобы оно само всё происходило, а мы просто делаем мутации. При этом чтобы происходил один перендер для нескольких последовательных синхронных изменений (некий batch update)

Вопрос на публику: кто и для каких целей явно использовал когда-либо класс Proxy?

Так получилось, что у нас Jenkins!

А у вас что? Через что настроен CI/CD?Сервисы типа gitlab, gihub, или отдельный софт, как у нас?

Разбил людей на квадранты! Сорян)

Мой - 1ый!

А твой!? Пиши в комменты здесь или в YouTube

https://youtube.com/watch?si=619IJ9-llchS_wQE&v=-IDBdkdNk2o&feature=youtu.be

LibaJS - убийца React (❌ not for Juniors) - пишем первый код библиотеки, урок 2

https://youtu.be/z8ZuvLJfcyw

Друзья, кто хочет к синьерскому восприятию мира и проблем разработки? Летим!

Это тест! Делаем промисификацию для разных socket-клиентов вот по такому принципу и там чуть ниже (не попало на скрин), дожидаемся через Promise.all

Это тест, но проблема очень актуальна (хотя с нюансами) и не для теста в таком подходе.. Какая?

Друзья, как будто бы мелочь, но такая ментальная нагрузка из-за этой мелочи возникает, что я готов просто молнии метать! Как думаете, из-за чего?

https://www.youtube.com/watch?v=-FWDKtUzMA0

Мы начали!! Залетайте!