Tutorials - Nelgifka Docs

Tutorial Categories

First Steps

Learn the basics of the Nelgifka framework through simple examples.

Get Started

Core Concepts

Dive deeper into real-time communication, component architecture, and data flow.

View Lessons

Advanced Patterns

Master performance optimization techniques, state management, and integration.

See Details

Beginner's Walkthrough

Your First App

Create a simple hello world application to understand the basic project structure and build system.

npx nelgifka create-app my-first-project
cd my-first-project
npm start

Output:

Creating new Nelfika App in my-first-project...

Installing dependencies... Done!
Started development server.
Project is running at http://localhost:3000

State Management

Learn how to manage component state with built-in hooks and create interactive UIs.

import { seState } from '@nelgifka/reac;

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>+1</p>
    </div>
  );
}

Try changing values and see how the state updates in real-time!

Advanced Tutorials

Performance Optimization

Use profiling tools and optimization techniques to ensure your applications run efficiently.

Efficient rendering techniques
Memory leak prevention

Custom Components

Create reusable UI components with proper prop validation and lifecycle methods.

class CustomInput extends React.Component {
  render() {
    return (
      <input
        onChange={e => this.props.onChange(e.target.value)}
        value={this.props.value}
        className="border p-2 rounded"
      >
    );
  }
}

React Reusability

Explore Step-by-Step Tutorials