Direflow

Use the best of two worlds!
Create fast, performant, native Web Components using React ⚛🚀

[Direflow @direflowjs]

Use the best of two worlds!

Create rich, complex and super performant Web Components using the power of React.
Build, ship and run natively in the browser 👊

Get started on https://t.co/zkn2Sv19fs

🔥 Blazing fast 🔥
⚙️ Framework agnostic ⚙️
🤓 Easy to get started 🤓

[Direflow @direflowjs]

https://t.co/VxqSsW9Gpm

[Direflow @direflowjs]

There seem to be a sudden spike of interest in Direflow lately 🤩

That's awesome!

There's also a lot of new issues and PRs coming in.
We will be addressing issues and reviewing PRs as soon as we can 🙏

[Direflow @direflowjs]

@suprandr That's good to know 🙏

[Simon Høiberg @SimonHoiberg]

Alriiiight, Hacktoberfest has started 🎉🎉

Are you all ready to make some contributions to Open-Source? 😍
For sure, I am!!

I've also made some issues ready on my own Open-Source projects 👇
They all have the label "hacktoberfest" under issues.

#hacktoberfest2020

[Direflow @direflowjs]

🔥 Direflow v3.5 is out 🔥

Now including:
🔸 A global config files for customizing various behaviors.
🔸 Ability to pass JSON formatted strings via. attributes
🔸 Ability to emit additional static files during build, e.g. sourcemaps.

https://t.co/B6gachHtNK

[Simon Høiberg @SimonHoiberg]

Looking for a side-project? Start contributing to Open-Source 😍

Most projects on GitHub has issues that you can start working on - just look for the 'good first issue' label 🤓

🔷 Your GitHub profile will look better
🔷 You can put it on your CV
🔷 You'll get experience 💪

[Direflow @direflowjs]

We recently passed

🚀 300 commits
⚡ 75 closed issues
🔥 50 merged PRs
😎 1k+ downloads/week on NPM

A very special thanks to these 8 people below😍

Stay tuned - the upcoming version will include some nice new improvements 💪

[Direflow @direflowjs]

Support the Equal Justice Initiative:
https://t.co/8XOS1lRblj

#BlackLivesMatter

[Direflow @direflowjs]

📣 v. 3.4.14 has just been released!

We introduced a new custom hook: useExternalSource.
You can use this in addition to 'external-loader' to hook into the loading state of an external source 👌

See more here:
https://t.co/Szvk6IOiNx

[Direflow @direflowjs]

🗞️ We just released v. 3.4.10

This patch introduces a couple of fixes, and most significantly, we now again fully support IE11 🎉

[Direflow @direflowjs]

@saveriolav Hi @saveriolav 👋

Yes, you can easily do that.
You can define a property to be a function, as seen in the image below.

You can also use Direflows inbuilt callback mechanism if you need to access the DOM. See more here:
https://t.co/ezchJoS8Ez

[Sigmetic @sigmetic]

Sigmetic is built on the GRADS Stack ⚙

G 🔸️ @GraphQL
R 🔸️ @reactjs
A 🔸️ @AWSAmplify
D 🔸️ @direflowjs
S 🔸️ @goserverless

A performant, modern and energy efficient software solution 💪

[Direflow @direflowjs]

⚡️New Direflow Feature⚡️

You can now export your setup as a regular React Component library as well 🔥

This enables you to maintain two separate libraries from the same source!
React Components for React applications - Web Components for anywhere else 😎

#reactjs #webcomponent

[Direflow @direflowjs]

@toutpt_fr Hi @toutpt_fr
No, the customElement.define() call is abstracted away with a lot of other technicalities that we try not to bother the user with 😊

So currently, that is not an option, no.

[Direflow @direflowjs]

🔥🔥 Announcement 🔥🔥

We have just released Direflow v. 3.4.0

⚡️ Split components into separate bundles
🚀 Make Direflow Setup NPM-ready
⚙️New clean way to apply configuration

Read all about the new features here!

https://t.co/jhGjKpUgBI

[Direflow @direflowjs]

📣 We now have full support for Material UI.

And we wanna throw out a mention and huge cheers to @niconaute for adding this plugin to Direflow 🤩

The community rocks 💪 and Direflow just got better!

https://t.co/hREDi2anjy

[Direflow @direflowjs]

🔥🔥 Announcement 🔥🔥

We have just released Direflow v. 3.3.0

React is now lazyloaded, thus Direflow knows how to reuse your existing React bundle if present 🤘

This brings the initial bundle size down to only 49KB ⚡️

#React #WebComponents #Direflow

[Direflow @direflowjs]

Direflow just became significantly more stable and bugfree 💪

We have now fully integrated @Cypress_io into our CI to make sure that Direflow is always performing as expected across all our features and plugins 😎

Get ready to enjoy Direflow more safely than before 🤩✌️

[Direflow @direflowjs]

📥 With Direflow you can easily create customizable Web Components that interact with each other 📤

Use all the powers of React to create components that run natively in the browser!

Getting started is super easy 🚀
See https://t.co/zkn2Sv19fs

#react #webcomponents #frontend