JSX-Control-Statements is a Babel plugin that extends JSX to add basic control statements: conditionals and loops. It does so by transforming component-like control statements to their JavaScript counterparts - e.g. <If condition={condition()}>Hello World!</If> becomes condition() ? 'Hello World!' : null. Developers coming to React from using JavaScript templating libraries like Handlebars are often surprised that there's no built-in looping or conditional syntax. This is by design - JSX by is not a templating library, it's declarative syntactic sugar over functional JavaScript expressions. JSX Control Statements follows the same principle - it provides a component-like syntax that keeps your render functions neat and readable, but desugars into clean, readable JavaScript.
react jsx babel babel-plugin if else for each loop react-componentA ternary gulp plugin: conditionally control the flow of vinyl objects. Note: Badly behaved plugins can often get worse when used with gulp-if. Typically the fix is not in gulp-if.
gulpplugin conditional if ternaryValue to be matched.Condition to match the value against.
check conditional function glob if match regex string valueUseful for handling only some types of errors and let the rest pass through.Returns a thunk that returns a Promise.
promise catch if conditional cond iff chain throw error reject rejected handler filter filtered predicate exception thunk function async await promises combinator bluebirdIt's just a passthrough if condition is false and doElse is not provided.Returns a thunk that returns a Promise.
promise if else conditional cond iff chain thunk function async await promises combinator bluebirdIt relies on any-promise to find a Promise library. You can use bluebird, q, when, or the native Promise implementation of Node.js or the browser.Starts a condition chain. This is exported via require('promise-conditional').
conditional else if promise thenNow, if-exp will yield a function depending on the conditions and we directly execute it resulting in a lazy statement evaluation.
if expression conditionalRender React components conditionally. If condition evaluates to true, renders the <Then /> block will be rendered, otherwise renders the <Else /> block. Either block may be omitted.
react react-component if conditionalThis is a WebGL-based VT220 emulator with a simple fallback for non-JS/non-WebGL/non-desktop browsers. Made as a learning example and frontend for a cute text adventure game. Also used as my home page on https://langworth.com/, hence the extra files.
webgl terminal console vt520 cli retro demo interactive-fiction if inform7 fun lulz vt220 shaders glsl text-adventure story webgl-game bitmap-fontDoes a vinyl file match a condition? This function checks the condition on the file.path of the vinyl-fs file passed to it. A vinyl-fs file.
gulpfriendly conditional if minimatchA ternary stream: conditionally control the flow of stream data
conditional if ternary streamA PostCSS plugin for adding ?if media queries inside rules and inline with property values. A great way to keep style values for different media queries neatly organized and grouped together under their natural rules. Use with PostCSS Media Minmax and PostCSS Custom Media for best effect (be sure to place postcss-if-media before postcss-media-minmax, and postcss-custom-media, or any other media query plugins). The plugin provides ?if media QUERY as an inline declaration and a nested block, where QUERY is any valid media query.
postcss postcss-plugins media-queries css postcss-if-media postcss-plugin plugin conditional if inline properties media queryYou are standing in a repository. There is a README here. This project aims to provide a simple web service that can bring up and run games in a z-machine. It was originally written to be interacted with by a hubotscript, but could presumably be used by anything you like, which is the fun of APIs.
zmachine z-machine zcode api games ifPostCSS plugin that enables @if statements in your CSS.
postcss css postcss-plugin conditional statement if-statements if-statement if elseReact Deco is a library that aims to make React complex views more declarative, idiomatic, easy to read, and easy to write, by consequence more mantainables. This library takes advantage of Render-Props pattern (effectively used by React Router and Downshift) to make possible to write conditionals and loops in a more declarative way while reducing visual cluttering.
react reactjs declarative jsx view map if pure component control-flow conditional loop
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.