Tutorials - Nelgifka Docs

Tutorial Categories

First Steps

Learn the basics of the Nelgifka framework through simple examples and foundational principles.

Get Started

Core Concepts

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

View Lessons

Advanced Patterns

Master performance optimization, state management, and integration techniques.

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 Nelgifka 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 { useState } from '@nelgifka/react';

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </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 even under high load.

Efficient rendering techniques
Memory leak prevention

Explore Step-by-Step Tutorials