pinterpolate

Simple string formatting. It's the issue fixed version of the original pinterpolate.

Installation

$ npm install --save pinterpolate

$ yarn add pinterpolate

Build supplied string by interpolating properties after delimiter ':' with the given parameters. Useful for formatting strings.

Usage

import pinterpolate from "pinterpolate";

pinterpolate("/users/:id", { id: 1 });
// => '/users/1'

pinterpolate(":name is here.", { name: "Barbara" });
// => 'Barbaba is here.'

Use Case

I mostly use this utility in conjuction with my API endpoints and React Router routes.

For APIs

const USERS_IMAGE = '/users/:userId/images/:imageId'

export function fetchUsersImage(userId, imageId) {
  return http.get(pinterpolate(USERS_IMAGE, {
    userId,
    imageId
  })
}

For React Router routes

// constants/routes.js
const USER = '/users/:userId'
const USERS_RECORD = '/users/:userId/records/:recordId';

// Router.js
export Router = () => (
  <Router>
    <Route path={routes.USER} component={UserComponent} />
    <Route path={routes.USERS_RECORD} component={RecordComponent} />
  </Router>
);

// For links
export Component = ({userId, recordId}) => (
  <div>
    <Link to={pinterpolate(routes.USERS_RECORD, {userId, recordId})} />
    <Link to={pinterpolate(routes.USER, {userId})} />
  </div>
);