Uncodie
Technical DocumentationNo CodeTutorialsChangelogDisccord
Developers
Developers
  • 📖Documentation
    • Basic Concepts
      • Node JS
      • React
      • Postgres SQL
      • GraphQL
      • Git
      • API
  • 🔌API
    • Getting Started
      • Credentials
    • Users
      • Register User
    • Component Interface
      • Props
  • 🤖IDE
    • Getting started
    • Component View
      • CSS
      • Controller
      • Component
    • Compiler
    • Importing Code
      • Scripts
        • Manifest
      • Connectors
        • Manifest
      • Components
        • Manifest
    • Exporting Code
      • Design Systems
        • Custom React libraries
      • Guidelines
  • ⚙️Figma Plugin
    • Variables
      • Global Variables
      • Local Variables
      • Route Variables
      • Session Context
      • Window Variables
    • Actions
      • GraphQL Trigger
      • Refresh Query
      • Set Variable
      • Select and Navigate
  • 🎛️Settings
    • User Authentication
    • Git
    • External Deployment
    • Version Control
    • External DB Setup
    • SEO
Powered by GitBook
On this page
  • Overview
  • Adding a controller to a component or page

Was this helpful?

  1. IDE
  2. Component View

Controller

In this section, we will describe the controller and provide examples of its usage.

Overview

Controllers in UncodiePro are designed to provide programmers with an environment to extend the functionalities of an Uncodie component or page. Adding a controller to a component or page

Adding a controller to a component or page

1 - Select the desired component or page.

2 - Navigate to the "Controller" section.

3 - Modify the controller code to apply the desired logic to the component.

import ReactComponent from 'utils/ReactComponent';
import Component from './Component';

class ComponentController extends ReactComponent{
    constructor(props) {
        super(props);
        this.state = {color: "red"};
    }

    render() {
        return (<Component { ...{...this.props, ...this.state} } />);
    }
}

export default ComponentController;
PreviousCSSNextComponent

Last updated 1 year ago

Was this helpful?

🤖