Elm Programming for Web Development

  1. The Elm Architecture
    1. Architectural Principles
      1. Unidirectional Data Flow
        1. Separation of Concerns
          1. Predictable State Management
            1. Functional Architecture Benefits
            2. Core Components
              1. Model Component
                1. State Definition
                  1. Initial State
                    1. State Shape Design
                      1. State Normalization
                      2. Update Component
                        1. Update Function Signature
                          1. Message Handling
                            1. State Transitions
                              1. Command Generation
                              2. View Component
                                1. View Function Signature
                                  1. State to UI Mapping
                                    1. Event Generation
                                      1. Virtual DOM Creation
                                    2. Message System
                                      1. Message Type Definition
                                        1. User Event Messages
                                          1. System Event Messages
                                            1. Message Routing
                                              1. Message Composition
                                              2. Side Effect Management
                                                1. Command Type
                                                  1. Command Creation
                                                    1. Command Batching
                                                      1. Asynchronous Operations
                                                      2. Subscription Type
                                                        1. Subscription Setup
                                                          1. External Event Handling
                                                            1. Subscription Management
                                                          2. Program Types
                                                            1. Sandbox Programs
                                                              1. Simple Interactive Programs
                                                                1. No Side Effects
                                                                  1. Basic Event Handling
                                                                  2. Element Programs
                                                                    1. JavaScript Interop
                                                                      1. Flag Handling
                                                                        1. Port Communication
                                                                        2. Document Programs
                                                                          1. Document Title Management
                                                                            1. Head Element Control
                                                                            2. Application Programs
                                                                              1. URL Management
                                                                                1. Single-Page Applications
                                                                                  1. Browser History
                                                                                2. Architecture Patterns
                                                                                  1. Component Architecture
                                                                                    1. State Lifting
                                                                                      1. Message Delegation
                                                                                        1. Nested Updates

                                                                                      Previous

                                                                                      3. Language Fundamentals

                                                                                      Go to top

                                                                                      Next

                                                                                      5. Building User Interfaces