Category: Open Source

အားလုံးကိုမင်္ဂလာပါ။Hello Dear friends,
အောင်လွင်လွင်ဦးကနေကြိုဆိုလိုက်ပါတယ်။

ကျနော့်ရဲ့Channel ကို Subscribe လုပ်ပေးသွားဖို့ မမေ့နဲ့နော်။

အခြားဆိုရှယ်အကောင့်တွေမှာလည်းကျနော်ကိုFollow‌ လေးလုပ်ပေးသွားကြပါဗျာ။
you can follow me on other platforms social app.

Facebook page link : https://www.facebook.com/zotungaunglwinlwinoofbpage/

https://www.facebook.com/actorlwinoo5billion?mibextid=ZbWKwL

Twitter X link : https://x.com/actor_lwinoo?t=W1Dglgr978168ZcS-s_qZA&s=09

All In One Social Link : https://linktr.ee/aunglwinlwinoo

Pinterest Link: https://pin.it/3PzBuu4

Reddit Link: https://www.reddit.com/u/actorlwinoo?utm_medium=android_app&utm_source=share

Snapchat Link: https://www.snapchat.com/add/aunglwinlwinoo

Instagram link : https://instagram.com/aunglwinlwinoo?igshid=OGQ5ZDc2ODk2ZA==

https://instagram.com/aunglwinlwinoo_?igshid=NGVhN2U2NjQ0Yg==

https://www.dailymotion.com/officialaunglwinlwinoo2023

https://rumble.com/c/c-2713498

https://bili.im/oYGmWog

https://bili.im/oOedSj8

https://space.bilibili.com/3493277483403738?share_medium=android&share_source=copy_link&bbid=XY16A9C1A54A3106E65220F024BAEEFFF7060&ts=1700516376854

https://mojapp.in/@aunglwinlwinoo?referrer=TrwRqRv-11lKLY1

https://www.bigo.tv/user/aunglwin386944

See what I’ve posted to Google Maps
Level 8 Local Guide
https://maps.app.goo.gl/BrAHX3PmGKxFhG7b7

https://story.kakao.com/lwinoo

https://api.bnnapp.com/__proxy_host/ok.ru/profile/583505832631?utm_campaign=android_share&utm_content=profile

Check out AUNG LWIN LWIN OO ‘s profile on Josh
https://share.myjosh.in/profile/c4507549-214a-40ae-8aee-12c63c9a7b16?u=0x7721cafc96e8ec84

https://mojapp.in/@aunglwinwinoo?referrer=TrwV45h-yrzoE7

https://www.paypal.me/zotunglwinoo

DISCLAIMER: I don’t own the rights to this music. No copyright infringement intended!! Copyrights belong to the original owner(s). Music posted are for entertainment purposes only!

“All the songs used in the video belong to their respective owners and I or this channel does not claim any right over them.

If you have copyright issued for your own content in the video Please Contact me for Delete or Remove your Music in the video.

Email : chitchitgyi2540@gmail.com

Copyright Disclaimer: – Under section 107 of the copyright Act 1976, allowance is mad for FAIR USE for purpose such a as criticism, comment, news reporting, teaching, scholarship and research. Fair use is a use permitted by copyright statues that might otherwise be infringing. Non- Profit, educational or personal use tips the balance in favor of FAIR USE.

#myanmar #song #trending #music #viral #foryou #subscribe #Myanmar #burma #Burma #reaction #review #Video #Reaction #Fun #fun

Join this channel to get access to perks:
https://www.youtube.com/channel/UCjwXJsDwy4Bo-jLJ420N7rw/join

ကျေးဇူးသင်ပါသည်။

Thank You,
Beautiful Peoples

Pour parler de la vidéo avec des gens passionnés tech : / discord

Mon setup COMPLET (PC / Caméra / Autres) : http://textup.fr/248446PT

Si vous voulez me soutenir, vous pouvez le faire en achetant vos produits technologiques avec ce lien : https://leotechmaker.com/me-soutenir
(Vous ça ne vous change rien au prix de ce que vous achetez, moi je récupère un % de la vente, merci ❤️❤️)

SUIVEZ MOI ICI PARTOUT POUR NE JAMAIS ARRÊTER D’APPRENDRE !
—————————————————
Twitter: / leotechmaker
Instagram: / leotechmaker
TikTok: / leotechmaker
Twitch: / leotechmaker

Mon extension Chrome à installer ABSOLUMENT : http://leotechmaker.com/addon

Si tu es descendu jusque-là, n’oublie pas de liker la vidéo, après tout, t’as bien cliqué sur “en voir plus”, tu peux bien utiliser un clic de plus…

लंबे समय से निवेशक जिस IPO का इंतजार कर रहे थे फाइनली उसका पब्लिक इश्यू इसी हफ्ते खुलने जा रहा. हम बात टू-व्हीलर EV कंपनी Ola Electric के IPO की कर रहे. भाविश अग्रवाल की कंपनी ओला इलेक्ट्रिक का IPO रिटेल निवेशकों के लिए 2 अगस्त से खुल जाएगा, जिसमें बोली लगाने की आखिरी तारीख 6 अगस्त होगी. चलिए IPO के प्राइस बैंड से लेकर अन्य पूरी डीटेल्स को जानते हैं.

ola electric,price band,bhavish aggarwal,ola electric ipo price band,ola electric ipo analysis,ola electric ipo latest video,ola electric ipo share price,ola electric ipo price band update,ola electric ipo news,ola electric ipo lot size,should you subscribe ola electric ipo,ola electric ipo gmp,grey market premium,et now swadesh,et now hindi,business news,latest ipo this week,ipo,share market,stock market,ola electric ipo details,ola electric ipo open

#Olaelectric #OlaIPO #IPO
~HT.178~PR.147~ED.148~GR.122~

https://www.prodesigns.com/wordpress-themes/support/users/birlatrimayalive
https://flipboard.com/@birlatrimays/unique-premium-apartment-in-bangalore-5v98j1m6z?from=share&utm_source=flipboard&utm_medium=curator_share
http://tuluyouthrocks.ning.com/members/BirlaTrimayalives
https://community.elastic.co/u/m9wmux/#/about
https://l10n.gnome.org/users/birlatrimayalive/
https://accounts.eclipse.org/users/birlatrimayalive

Latest tech news from the Wikimedia technical community. Please tell other users about these changes. Not all changes will affect you. Translations are available. Feature…

While one lets you organize your UI components, the other lets you interact with them. Yes, we’re talking about Single Directory Components (SDC) and Storybook. Integrating them transforms your development process, making it revolutionary in how UI components are built and tested.
Let’s dive straight into this intriguing article and discover how leveraging the power of SDC and Storybook can accelerate build time and boost your efficiency.

What is SDC
Did you know that SDC was a contributed module but it is now included in Core from version Drupal 10.3?! SDC, also known as Single Directory Components, represents a new way of structuring and organizing components. What are components? Components in Drupal are reusable building blocks of code that can include Twig templates, metadata, styles, and scripts that needs to be embedded in Drupal templates.
With SDC, developers can easily create components that are swappable and modular, enhancing the overall flexibility and reusability of their codebase.
What is Storybook
Storybook serves as a frontend workshop that helps developers and designers see and test everything in one place before using them in the actual site. What’s better, it is opensource, extremely popular and has a user-friendly interface, making it a tool for modern development workflows!
Storybook lets you develop and test components in isolation. This ensures they work independently before integration. It offers a visual catalog of components so it is easy to see and understand each component’s functionality.
Why integrate SDC with Storybook in Drupal
Integrating SDC with Storybook in Drupal brings many benefits.

It keeps components organized and easy to manage JS and css files, templates, and data flow within components.
You can see and test components in isolation, enhancing the overall maintainability and scalability of UI components.
Speeds up development and ensures everything works perfectly.
Improves collaboration between teams.
Helps maintain a consistent design across the site.

How to integrate SDC with Storybook in Drupal
Setting up and configuring Storybook with Drupal is a straightforward process that involves creating SDC, enabling them, and installing the necessary dependencies. By following a series of steps, developers can seamlessly integrate SDC with Storybook, leveraging tools like Twig and Webpack5 to enhance the templating and rendering capabilities of their components.
Step 1: Setting Up SDC
Enable the SDC core module. It comes out of the box from Drupal 10.1 & above.

If you want to learn how to create SDCs, you can follow this in depth article we wrote previously.
Step 2: Configure Storybook

Install composer require ‘drupal/storybook:^1.0@beta’
Setting up development.service.yml

parameters:
  # …
  twig.config:
    debug: true
    cache: false
  # Disable development mode in production!
  storybook.development: true
  cors.config:
    enabled: true
    allowedHeaders: [‘*’]
    allowedMethods: [‘*’]
    allowedOrigins: [‘*’]
    exposedHeaders: false
    maxAge: false
    supportsCredentials: true
Run the command:drush role:perm:add anonymous ‘render storybook stories’
Under the root folder, run the below commands to set up the storybook:yarn set version berry   echo ‘nodeLinker: node-modules’ >> .yarnrc.yml# Install and configure stock Storybook.   yarn dlx sb init –builder webpack5 –type serverCheck out the Storybook Drupal module to learn more.

Step 3: Create Stories for Components

Develop stories for each SDC component to showcase its functionality and variations.
Utilize Twig files to define the structure and content of each component story.
Ensure that each story accurately represents the behavior and appearance of the corresponding component.

Try it out with an example
Here’s an example of the file structure to create an SDC component with Storybook integration. The component here is “formatted-text”.

Here, the atomic component-driven approach is chosen. So, under atoms, we have placed the formatted-text component.Note: SDC components must be placed under the components/ folder.
Coding snippets for the above component:
1. formatted-text.component.yml

2. formatted-text.css
We can create an SCSS file and then compile it into a CSS file. Here’s how to do that in a gulp.js file:
gulp.src([‘.components/**/*.scss’]).pipe(gulpSass()).pipe(gulp.dest([‘./components’]))

3. formatted-text.stories.twig

Here, we create the stories by adding them using the {% story <name> with { args } %} syntax. The {% stories %} tag serves as the wrapper for all {% story %} tags, as outside of it, the stories have no context.
4. formatted-text.twig
The main template file of the SDC component.

Step 4: Generate Component Stories
The Storybook application doesn’t understand stories in Twig format. The stories must be compiled into *.stories.json files. To do so you can run:         drush storybook:generate-all-stories
If you want to generate stories while watching for files. You can run this command:
    watch –color drush storybook:generate-all-stories
Step 5: Test and iterate

Run the command to start the storybook server and test components:  yarn storybook
Iterate on the design and functionality of components based on feedback and testing results.
Continuously refine and improve the SDC components to enhance their usability and performance.

This is how your storybook page will look like:

Final Thoughts
While integrating SDC with Storybook offers numerous advantages, it’s important to consider potential drawbacks. Some systems may experience performance issues, and not all add-ons may work seamlessly with decorators (controllers of different viewport parameters). Complexities may arise when dealing with multi-nested embeds or higher-order components, requiring careful consideration during development.
Despite these challenges, the integration of SDC and Storybook opens up a new level of possibilities for developers. By creating agnostic components that can be used across different platforms, developers can enhance component visibility via Drupal UI and explore future opportunities, such as integrating components via the layout builder API.

In the previous blog post, we covered our story of migrating a giant database of almost 11 TB. Here comes the last part of the series—making Ruby on Rails applications work with RDS Proxy.