Use react components

Back to Forums

anis hidouri

Solved

Question

Reactive

Traditional Web

Application Type

Traditional Web, Reactive

Hi everybody,

I have a many components developed with react, it’s a kind of my own custom story book maked with reac and material ui library wich i save all my needles react components, can i import this in out systems application ? And which steps should i do to achieve this.

Thanks

26 Aug 2024

Bryan Villalobos

Solution

Hi @anis hidouri ,

There is an idea regarding this. If you go through the comments, you'll find out that there is a ONE 2023 talk regarding this.

https://learn.outsystems.com/training/journeys/one-conference-2023-695/integrating-reactjs-components-in-outsystems-overcoming-the-challenges/o11/3634

I hope this helps.

Regards,

Bryan

26 Aug 2024

Kerollos Adel

Champion

AI Generated

Using the Component Directly from the Toolbox:
- Create your Web Block and set its scope to public.
- Add an icon to represent your component.
- When you need to use the component in a different project, simply add it as a dependency.
- Once added as a dependency, the component will appear in the Toolbox for easy access.
Dragging the Component from Dependencies:
- Similar to the first method, create your Web Block and set its scope to public.
- Add the necessary dependency in your project.
- When you need to use the component, search for it in the Toolbox and drag it into your screen or block.
Using the Component as a Template:
- You can also create a screen template for your component. This allows you to reuse it as a predefined template.
- For more details on how to create screen t

29 Aug 2024

This answer was AI-generated. Please read it carefully and use the forums for clarifications

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.

See the full guidelines