This documentation is based on the structure of React's documentation, but is a work in progress. Many things from React also apply to Roact, but if you find anything missing or incorrect, open an issue on …

Now, whenever the store updates, your connected components will receive updated data and re-render! In many ways, Roact-Rodux works just like react-redux. The public API is almost identical and most …

Because creating elements is fast, this is no big deal. You can create an element using Roact.createElement. You will need to pass it a Roblox class name as the first argument (this is a …

In our previous examples, we passed strings to Roact.createElement to create elements that represented Roblox Instances. We can also pass our custom components to create elements that …

While bindings are most helpful for individual props, we often want to access an entire Roblox Instance and its methods. Refs are a special type of binding that point to Roblox Instance objects that are …

Creates a Roblox Instance given a Roact element, and optionally a parent to put it in, and a key to use as the instance's Name. The result is a RoactTree, which is an opaque handle that represents a tree …

Roact's Context API is based on React's Context API. Context is commonly used to implement features like dependency injection, dynamic theming, and scoped state storage.

Hello, Roact! Info These examples assumes that you've successfully installed Roact into ReplicatedStorage! Add a new LocalScript object to StarterPlayer.StarterPlayerScripts either in …

Events Roact manages Instance event connections automatically as part of rendering. To connect to an event, pass a prop with Roact.Event.EVENT_NAME as the key and a function as the value. Roact …

Portals Portals are a special kind of component provided by Roact that enable components to render objects into a separate, non-Roact Instance.