Things to like in @stenciljs: – Compiles to #WebComponents – #TypeScript by default – JSX familiar to #Reactjs devs

  • The extension is required since Stencil components are built using JSX and TypeScript.
  • Here is an example of what a Stencil component looks like:

    Once compiled, this component can be used in HTML just like any other tag.

  • This decorator provides metadata about our component to the Stencil compiler.
  • This decorator tells the compiler that the property is public to the component, and the user should be setting it.
  • If a user of our component were to change the element’s property, our component would fire it’s function again, updating the displayed content.

Stencil components are created by adding a new file with a .tsx extension, such as my-first-component.tsx, and placing them in the src/components directory.
The .tsx extension is required since Stencil components are built using JSX and TypeScript.
Continue reading “Things to like in @stenciljs:
– Compiles to #WebComponents
– #TypeScript by default
– JSX familiar to #Reactjs devs”

How to connect MobX with a react-router?

just blogged: how to use #mobx with #reactrouter -   #reactjs #javascript

  • Thanks to the Provider component we can pass the stores object to all the child components.
  • Even if the ChildComponent component has its own children, it shouldn’t pass the whole store into them.
  • In the post about Redux I told you about the connect function and the Provider component.
  • Redux’s connect function and Provider component
  • The way, the React component attached to the route has the store available.

The second article about MobX. This time I will show you two ways of how to connect MobX with a react-router: the Redux way and by importing stores.
Continue reading “How to connect MobX with a react-router?”

More Ways to Extend React Storybook — KADIRA VOICE

We've introduce a new extension API for #reactjs storybook:

  • Today, we are introducing an extension API with which you can write extensions to React Storybook.
  • With addons you can add new functionalities to React Storybook.
  • We started to look for new ways to extend React Storybook while maintaining its stability.
  • You can also share extensions you’ve built and use extensions created by others .
  • You can use the Storybook UI to display anything you want.

Read the full article, click here.


@kadirahq: “We’ve introduce a new extension API for #reactjs storybook:”


We wanted React Storybook to be stable and customizable from day one. This came with a price: contributing to React Storybook was harder…


More Ways to Extend React Storybook — KADIRA VOICE