Inline Conditional

Create inline conditional statements!

Table of contents

• Inline Conditional
  • Table of contents
  • Installation
  • Usage
    • Vanilla JS
    • React
  • API
  • Authors
  • License

Installation

To install, run:

$ npm install inline-conditional

Or if you prefer using Yarn:

$ yarn add inline-conditional

Usage

This library allows you to write if/else and switch statements as expressions. This means that you can use them in places where you would normally use a value, most commonly in front-end development scenarios.

Why use this over a ternary expression? I'll show you:

char === "a"
    ? 1
    : char === "b"
    ? 2
    : char === "c"
    ? someCondition
        ? 3
        : 4
    : 0;

// vs

Inline.switch(char)
    .case("a")(1)
    .case("b")(2)
    .case("c")(Inline.if(someCondition)(3).else(4))
    .default(0);

Vanilla JS

import { Inline } from "inline-conditional";

const inlineIfResult = Inline.if(something === somethingElse)(1)
    .elseIf(something.property === expectedPropertyValue)(2)
    .else(3);

const inlineSwitchResult = Inline.switch(flag)
    .case(1)("Hello 1!")
    .case(2)("Hello 2!")
    .default("Who are you?");

React

const Page = () => {
    const isLoggedIn = useSomeAuthenticationHook();

    return (
        <Template>
            {Inline.if(isLoggedIn)(
                // Use functions to prevent components from being called when they're not relevant
                () => <UserPage />
            ).else(() => <AccessDenied />)()}
        </Template>
    );
};

API

TODO

For now, all methods are well-documented using JSDoc.

Authors

• Juan de Urtubey - - jdeurt

License

MIT © Juan de Urtubey