Socket
Socket
Sign inDemoInstall

@koppajs/core

Package Overview
Dependencies
0
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @koppajs/core

Koppa.js is a progressive client-side rendering framework for creating user interfaces that do not require a virtual DOM.


Version published
Weekly downloads
3
increased by200%
Maintainers
1
Install size
183 kB
Created
Weekly downloads
 

Readme

Source
Koppa.js Logo




Koppa.js, What is this?

Koppa.js is a progressive client-side rendering framework for creating user interfaces that do not require a virtual DOM.
It consists of an easy-to-use core library that focuses on managing the individual components and the viewport.
Koppa.js is highly modular and thus can be used for small SinglePages or even complex applications.




Overview

Here is a small list what Koppa.js Core offers.

  1. Components (single File Templates)
  2. Modules (extend the functionality)
  3. Router (routing content to URL)
  4. Store (easy local & session Storage handling)
  5. Fetcher (easy use of Fetch-API)
  6. Templating HTML
  7. Reactive live data

and many more...




Ecosystem

ProjectStatusDescription
corecore-statusFramework Core
componenterin progress, coming soonComponent Module
documentationin progress, coming soonDocumentation
get-startedget-started-statusGit-Repository to start a project




Getting Started

For absolute beginners

You can easy use the koppa-core.2.0.6.min.js in your HTML with the script-tag.


index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Get Started with Koppa.js</title>
    <script src="https://koppajs.s3.eu-central-1.amazonaws.com/koppa-core.2.0.6.min.js"></script>
  </head>

  <body>
    <script>
      koppa.take('app-view', './app-view.html');

      koppa('app-view');
    </script>
  </body>
</html>

app-view.html

<template>
    <header>{{title}}</header>
    <nav>Nav</nav>
    <main>Main</main>
    <footer>Footer</footer>
</template>

<script>
    data: {
        title: 'Get Started with Koppa.js'
    }
</script>

<style>
    * {
        margin: 0;
        padding: 0;
    }

    html, body {
        display: block;
        width: 100%;
        height: 100%;
    }

    app-view {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #ddd;
    }
</style>

For pros

Important!

This is something you should have dealt with before.

  1. Docker
  2. Node.js
  3. Webpack

We will only teach you how to use Koppa.js, not the other things.


We have a git-repository that you can easily clone.
This is the best and easiest way to start a full development project with Koppa.js.
It provides everything you need.

- go to git ->



© 2020-present | Bastian Bensch

Keywords

FAQs

Last updated on 22 Jul 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc