Online Resource

Barker Library - TP1151.R43 K47 2018

Hayden Library - TP248.2.B73 2019

Online Resource

Kamudzandu, Israel, author

Bray, Gerald Lewis, author

Crowe, Brandon D., author

The git-checkout command can be used to update specific files or directories in your working tree with those from another branch, without merging in the whole branch. This can be useful when working with several feature branches or using GitHub Pages to generate a static project site.

The git-checkout manual page describes how the git checkout command is not just useful for switching between branches.

When <paths> or --patch are given, git checkout does not switch branches. It updates the named paths in the working tree from the index file or from a named <tree-ish> (most often a commit)…The <tree-ish> argument can be used to specify a specific tree-ish (i.e. commit, tag or tree) to update the index for the given paths before updating the working tree.

In git, a tree-ish is a way of referring to a particular commit or tree. This can be a partial sha or the branch, remote, and tag name pointers.

The syntax for using git checkout to update the working tree with files from a tree-ish is as follows:

git checkout [-p|--patch] [<tree-ish>] [--] <pathspec>…

Therefore, to update the working tree with files or directories from another branch, you can use the branch name pointer in the git checkout command.

git checkout <branch_name> -- <paths>

As an example, this is how you could update your gh-pages branch on GitHub (used to generate a static site for your project) to include the latest changes made to a file that is on the master branch.

# On branch master
git checkout gh-pages
git checkout master -- myplugin.js
git commit -m "Update myplugin.js from master"

The need to update my gh-pages branch with specific files from my master branch was how I first found out about the other uses of the checkout command. It’s worth having a read of the rest of the git-checkout manual page and experimenting with the options.

Using SVG is currently the best way to create icon libraries for apps. Icons built with SVG are scalable and adjustable, but also discrete, which allows them to be incrementally loaded and updated. In contrast, icons built as fonts cannot be incrementally loaded or updated. This alone makes SVG icons the better choice for high-performance apps that rely on code-splitting and incremental deploys.

This post describes how to make a package of React components from a library of SVG icons. Although I’m focusing on React, making any other type of package is also possible. At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components.

Using the icons

The end result is a JavaScript package that can be installed and used like any other JavaScript package.

yarnpkg add @acme/react-icons

Each icon is available as an individually exported React component.

import IconCamera from '@acme/react-icons/camera';

This allows your module bundler to package only the icons that are needed, and icons can be efficiently split across chunks when using code-splitting. This is a significant advantage over icon libraries that require fonts and bundle all icons into a single component.

// entire icon library is bundled with your app
import Icon from '@acme/react-icons';
const IconCamera = <Icon name='camera' />;

Each icon is straightforward to customize (e.g., color and dimensions) on a per-use basis.

import IconCamera from '@twitter/react-icons/camera';
const Icon = (
  <IconCamera
    style={{ color: 'white', height: '2em' }}
  />
);

Although the icons render to SVG, this is an implementation detail that isn’t exposed to users of the components.

Creating components

Each React component renders an inline SVG, using path and dimensions data extracted from the SVG source files. A helper function called createIconComponent means that only a few lines of boilerplate are needed to create a component from SVG data.

import createIconComponent from './utils/createIconComponent';
import React from 'react';
const IconCamera = createIconComponent({
  content: <g><path d='...'></g>,
  height: 24,
  width: 24
});
IconCamera.displayName = 'IconCamera';
export default IconCamera;

This is an example of what the createIconComponent function looks like when building components for a web app like Twitter Lite, which is built with React Native for Web.

// createIconComponent.js
import { createElement, StyleSheet } from 'react-native-web';
import React from 'react';

const createIconComponent = ({ content, height, width }) =>
  (initialProps) => {
    const props = {
      ...initialProps,
      style: StyleSheet.compose(styles.root, initialProps.style),
      viewBox: `0 0 ${width} ${height}`
    };

    return createElement('svg', props, content);
  };

const styles = StyleSheet.create({
  root: {
    display: 'inline-block',
    fill: 'currentcolor',
    height: '1.25em',
    maxWidth: '100%',
    position: 'relative',
    userSelect: 'none',
    textAlignVertical: 'text-bottom'
  }
});

Setting the fill style to currentcolor allows you to control the color of the SVG using the color style property instead.

All that’s left is to use scripts to process the SVGs and generate each React component.

Creating icon packages

A complete example of one way to do this can be found in the icon-builder-example repository on GitHub.

The project structure of the example tool looks like this.

.
├── README.md
├── package.json
├── scripts/
    ├── build.js
    ├── createReactPackage.js
    └── svgOptimize.js
└── src/
    ├── alerts.svg
    ├── camera.svg
    ├── circle.svg
    └── ...

The build script uses SVGO to optimize the SVGs, extract SVG path data, and extract metadata. The example packager for React then uses templates to create a package.json and the React icon components shown earlier.

import createIconComponent from './utils/createIconComponent';
import React from 'react';
const ${componentName} = createIconComponent({
  height: ${height},
  width: ${width},
  content: <g>${paths}</g>
});
${componentName}.displayName = '${componentName}';
export default ${componentName};

Additional packagers can be included to build other package types from the same SVG source. When the underlying icon library changes, it only takes a couple of commands to rebuild hundreds of icons and publish new versions of each package.

"We don’t want anything from the government. We just want to be dropped home," says a migrant worker from Chhattisgarh.

Material brought illegally in vehicles that had permission to carry fruits and vegetables

Havens, Jeff, author

Munson, Chuck, author

Kirkman, Bradley Lane, author

Interview with Daniel Vitor Vasconcelos-Santos, MD PhD, author of Characterization of Retinopathy Among Patients With Yellow Fever During 2 Outbreaks in Southeastern Brazil

Interview with Peter Hilger, MD, author of Brassiere Suture Technique in Upper Eyelid Blepharoplasty

Interview with Shelagh B. Coutts, MD, FRCPC, author of Rate and Prognosis of Brain Ischemia in Patients With Lower-Risk Transient or Persistent Minor Neurologic Events

Messenger of Sympathy and Love Servant of Parted Friends Consoler of the Lonely Bond of the Scattered Family Enlarger of the Common Life Carrier of News and Knowledge Instrument of Trade and Industry Promoter of Mutual Acquaintance Of Peace and of Goodwill Among Men and Nations. A business consultant once passed around copies of the

The post A Letter is Better: Love and Remembrance appeared first on Berkshire Publishing.

Last month I wrote about third places ("What is a “third place,” and do you have one?"). Along with some great stories about your favorite third places, I received a few emails blasting me for not mentioning libraries. That was a shock, since Berkshire Publishing has close ties to libraries: we’ve written and published about

The post Karen’s Letter: The Libraries We Love appeared first on Berkshire Publishing.

Online Resource

Online Resource

Dewey Library - K3263.F37 2019

Dewey Library - K4536.T78 B73 2019

For years Dior, Saint Laurent and other fashion brands have been quietly using Indian embroiderers, while offering little in the way of employment protection

Sri Shiva Basava Swami of the Virakta Mutt in Hukkeri has welcomed a Muslim girl into Lingayat sect, in Hukkeri. The girl went through a short ceremon

€Attractive: TU Braunschweig
For more latest jobs and jobs in Germany visit brightrecruits.com

Experts say online dispute resolution cannot take off in India without active work from the government and the judiciary

Moosa, Ebrahim, author

Tan, Kenneth Paul, author

National Library of Australia. Film Division

Preparations for storms include an emphasis on worker recovery

With guest editor Jennifer Doudna, CRISPR pioneer

Reactors arranged around a central switching station gives chemists more options for making molecules remotely

A bristled molecule is designed to kill microbes and guard against resistance by degrading rapidly in the environment

Early signs of a downturn in demand herald a season of unprecedented uncertainty