React-like syntax with WebComponents.

​After spending some time with Lit, I really appreciated its lightweight footprint but wasn't a fan of the class-based components. While Vue offers a great approach, I still prefer the intuitive nature of React's syntax for debugging and deterministic rendering. This led me to a challenge: could I build a UI framework using WebComponents that completely eliminates the need for transpilation?

​I have written a breakdown of the concept, the architecture, and where I want to take it. I highly invite you to take a look, check out the code, and explore the live demo.

* How it works: https://positive-intentions.com/docs/projects/dim/dim-jsx-webcomponents
* Checkout the code: https://github.com/positive-intentions/dim
* Storybook demo: https://dim.positive-intentions.com

​Please note, while the project is open-source, this is a personal exploration rather than an attempt to launch "yet another framework." It is not production-ready and is built for my own upcoming project migrations, but I am sharing it in hopes that the methodology is educational or interesting to the community.

​I would love to hear your thoughts on this approach. Feel free to reach out if you have any questions or want to discuss the implementation details.

​#WebDev #WebDevelopment #Frontend #FrontendDev #JavaScript #JS #TypeScript #TS #HTML #HTML5 #CSS #SoftwareEngineering #SoftwareEngineer #Coding #Programming #WebDesign #OpenSourceProject #IndieDev #SideProject #Tech #Technology #DevCommunity #Fediverse #FediverseDevs #WebStandards #CustomElements #ShadowDOM #VanillaJS #NoTranspiler #NoBuild #BuildStep #EsModules #ComponentDriven #UIUX #DesignSystems #TechExperiment #LearningInPublic #Developer #ComputerScience #OSS #Github #React #WebComponents #Lit #Vue #ReactJS #JSX #Storybook #TechArticle #TechBlog #TechWriting #WebDevArticles

reg-viz/storycap: A Storybook Addon, Save the screenshot image of your stories via puppeteer.

"A Storybook Addon, Save the screenshot image of your stories 📷 via puppeteer."

https://github.com/reg-viz/storycap

#puppeteer #storybook #tools #webdev
GitHub - reg-viz/storycap: A Storybook Addon, Save the screenshot image of your stories via puppeteer.

A Storybook Addon, Save the screenshot image of your stories :camera: via puppeteer. - reg-viz/storycap

GitHub

The Lost Marble – Rolling home but in the road

The Lost Marble is a book about a marble that falls from the pocket of a boy who has many and then has to find its way home with the help of several characters.

The marble rolls off the sweet wrapper before it disappears down the drain but then almost gets squashed by a car reversing. The world’d a dangerous place for a small marble.

It is the book that I wrote for the 5-7 year old reader although it could be read to younger readers as it is quite a simple story. I also produced it in two versions. Although this one has illustrations to colour in, the second one, The Lost Marble Colouring Book has less text, one line per page and more illustrations. This simpler version is for the 3-5 year old age group.

Both are available globally from Amazon. These are the .co.uk links, https://www.amazon.co.uk/Lost-Marble-Paul-No%C3%ABl/dp/1790481295/ and https://www.amazon.co.uk/Lost-Marble-Colouring-Book/dp/1704907373/. These are the .com links, https://www.amazon.com/Lost-Marble-Kindle-reader-ebook/dp/B07L1YLQGJ/, and https://www.amazon.com/Lost-Marble-Colouring-Book/dp/1704907373/.

Our Etsy shop has blank greeting, birthday, invitation cards of the book’s cover artwork, https://junagarhmedia.etsy.com. Larger numbers of the cards are available.

Four blank The Lost Marble Cards, Meeting Henry4 different birthday cards

Our links

See more of Gerry Newton’s wonderful art, https://www.geraldnewtonart.com/.

Our Teemill shop site for our organic cotton clothes and bags, https://scientistandphilosopher.com/.

My author page where you can discover more about my books, https://www.amazon.co.uk/-/e/B07D3ZTQ1L.

This is our website for all our photography and my books, https://www.junagarhmedia.co.uk/.

We are also on Flickr, https://www.flickr.com/photos/21104365@N06/.

Also on Instagram, https://www.instagram.com/junagarh_media/.

On Pinterest, https://www.pinterest.co.uk/paulpaddington2017/

#ColouringInBook #Marble #Marbles #PaulNoël #Storybook #TheLostMarble

The Lost Marble – The marble is on the move

The Lost Marble is a book about a marble that falls from the pocket of a boy who has many and then has to find its way home with the help of several characters.

After the sun has risen the marble starts to roll his way home but he ends up going too fast and is in danger of crashing over the high kerb. Nobody plays with broken marbles so he’s in danger.

It is the book that I wrote for the 5-7 year old reader although it could be read to younger readers as it is quite a simple story. I also produced it in two versions. Although this one has illustrations to colour in, the second one, The Lost Marble Colouring Book has less text, one line per page and more illustrations. This simpler version is for the 3-5 year old age group.

Both are available globally from Amazon. These are the .co.uk links, https://www.amazon.co.uk/Lost-Marble-Paul-No%C3%ABl/dp/1790481295/ and https://www.amazon.co.uk/Lost-Marble-Colouring-Book/dp/1704907373/. These are the .com links, https://www.amazon.com/Lost-Marble-Kindle-reader-ebook/dp/B07L1YLQGJ/, and https://www.amazon.com/Lost-Marble-Colouring-Book/dp/1704907373/.

Our Etsy shop has blank greeting, birthday, invitation cards of the cover artwork used for the printed book, https://junagarhmedia.etsy.com. Larger numbers of cards are available.

Four blank The Lost Marble Cards, Meeting Henry4 different birthday cards

Our links

See more of Gerry Newton’s wonderful art, https://www.geraldnewtonart.com/.

Our Teemill shop site for our organic cotton clothes and bags, https://scientistandphilosopher.com/.

My author page where you can discover more about my books, https://www.amazon.co.uk/-/e/B07D3ZTQ1L.

This is our website for all our photography and my books, https://www.junagarhmedia.co.uk/.

We are also on Flickr, https://www.flickr.com/photos/21104365@N06/.

Also on Instagram, https://www.instagram.com/junagarh_media/.

#Adventure #Marble #Marbles #Mouse #StoriesForChildren #Story #Storybook

The Lost Marble – The sun rises

The Lost Marble is a book about a marble that falls from the pocket of a boy who has many and then has to find its way home with the help of several characters.

The sun rises. Time for the marble to start making his way home before the ants come back looking for him.

It is the book that I wrote for the 5-7 year old reader although it could be read to younger readers as it is quite a simple story. I also produced it in two versions. Although this one has illustrations to colour in, the second one, The Lost Marble Colouring Book has less text, one line per page and more illustrations. It is aimed at the 3-5 year old age group.

Both are available globally from Amazon. These are the .co.uk links, https://www.amazon.co.uk/Lost-Marble-Paul-No%C3%ABl/dp/1790481295/ and https://www.amazon.co.uk/Lost-Marble-Colouring-Book/dp/1704907373/. These are the .com links, https://www.amazon.com/Lost-Marble-Kindle-reader-ebook/dp/B07L1YLQGJ/, and https://www.amazon.com/Lost-Marble-Colouring-Book/dp/1704907373/.

Our Etsy shop has blank greeting, birthday invitation cards available of the book’s cover artwork characters, https://junagarhmedia.etsy.com. Larger numbers of cards are available.

Four blank The Lost Marble Cards, Meeting Henry4 different birthday cards

Our links

See more of Gerry Newton’s wonderful art, https://gnewtonart.crevado.com/.

Our Teemill shop site for our organic cotton clothes and bags, https://scientistandphilosopher.com/.

My author page where you can discover more about my books, https://www.amazon.co.uk/-/e/B07D3ZTQ1L.

This is our website for all our photography and my books, https://www.junagarhmedia.co.uk/.

We are also on Flickr, https://www.flickr.com/photos/21104365@N06/.

Also on Instagram, https://www.instagram.com/junagarh_media/.

On Pinterest, https://www.pinterest.co.uk/paulpaddington2017/

#Books #ChildrensStory #ColouringInBook #Marble #Marbles #StoriesForChildren #Story #Storybook

MOWLIE is a #storybook inspired #fantasy adventure following a little owl through a forgotten world filled with mystery, ancient ruins, strange creatures, and a fading prophecy.

Download on #indiexpo : https://www.indiexpo.net/games/mowlie

Developed by fanimato
About indiexpo:
indiexpo allows thousands of people to discover, watch and share #indiegames and originally-created games.

أطلق مشروع Storybook الإصدار الجديد 10.4 لتطوير واختبار واجهات المستخدم، حيث يقدم ميزات مبتكرة مدعومة بالذكاء الاصطناعي لإعداد البيئة تلقائياً واختبار المكونات المعقدة بكفاءة. يضيف هذا التحديث فلاتر شريطية جديدة لتسهيل مراجعة التعديلات البرمجية، ويسهل مشاركة المشاريع سحابياً عبر منصة Chromatic بضغطة زر واحدة. كما يوفر تكاملاً جديداً مع إطار TanStack React لدعم التوجيه الآمن، ويحسن دعم تطوير تطبيقات الهواتف الذكية عبر React Native بشكل ملحوظ.

#Storybook #React

1) they steal all data by "scrap the net".

2) they build data centers using brutal amount energy + water

3) they bring dumb users to train ther system with prompts and reactions to it

4) they tell the dumb ones that there is no danger for their jobs

5) if all is finished greedy ones will replaces humans by humanoids, in case of they want it fast, with the help of a virus like ebola or similiar

6) some still dream to survive this...

#storybook for a cool film, nothing real :-) or?????

Headless Storybook with Lit

Using the Component Story Format and the Custom Elements Manifest to mirror Storybook stories in Next.js for server-side rendering validation.

James Ives