Solid is a purely reactive library. It was designed from the ground up with a reactive core and built on hardened tooling in a growing ecosystem.

Styled System lets you quickly build custom UI components with constraint-based style props based on scales defined in your theme.

Fela is a small, high-performant and framework-agnostic toolbelt to handle state-driven styling in JavaScript.

It’s pretty great but aside from the WordPress handbook, there are only few tutorials available for Gutenberg development as of the moment. This is the main reason I’ve decided to pitch in and help out with creating tutorials starting from custom attributes and controls. These tutorials are the ones I’ve learned by actively participating on Gutenberg development on Github. I also used these methods on CoBlocks and EditorsKit plugins.

Frontity is the easiest way to create lightning fast websites using WordPress and React. Open source and free to use.

In Part 1 of this series, we set up a simple app to display our posts using React and Next.js alongside our WordPress install. We left it lacking some extra functionality that would take us from a simple test to a real browser-accepted website. So, let’s get to work on that and really round this thing out.

The core of React is components. You can nest these components like you would nest HTML tags, which makes is easy to write JSX since it resembles markup.

When I first learned React, I thought “Use props.children and that’s it. I know everything about children” Boy, was I wrong.

Because we’re working with JavaScript, we can change children. We can send special properties to them, decide if we want them to render or not and generally manipulate them to our will. Let’s dig into the power of children in React.

Creating components in react can be tricky for beginners. I have done some of my projects in react and the scope of some of those projects are small, so using external components library can make the project comparatively heavy. Instead I decided to create my own components and use them. In this article i am going to show you guys how i create my own accordion component in React js.