Nick Williams WickyNilliams

So you want to publish a react component?!

This is a quick guide of what you need to do to publish a react component for use by others. This guide is distilled from a conversation [0] on twitter. I will reference individual tweets, where appropriate (thereby shifting blame for incorrect advice from me to the authors :D)

Assumptions

You are using some sort of module system in your source
You have a build step
You want broad support for your component (browser-ready, npm compatible, consumable by bower)

	The MIT License (MIT)

	Copyright (c) 2021 Nick Williams (https://wicky.nillia.ms)

	Permission is hereby granted, free of charge, to any person obtaining
	a copy of this software and associated documentation files (the
	"Software"), to deal in the Software without restriction, including
	without limitation the rights to use, copy, modify, merge, publish,
	distribute, sublicense, and/or sell copies of the Software, and to
	permit persons to whom the Software is furnished to do so, subject to

	const React = require("react");
	const { default: ReactPDF } = require("@react-pdf/renderer");
	const {
	Page,
	Text,
	View,
	Document,
	StyleSheet
	} = require("@react-pdf/renderer");

	const ENTITY_REGEX = /&#x([0-9A-F]+);/gi

	function entityToChar(substr: string, match: string) {
	return String.fromCharCode(parseInt(match, 16))
	}

	export const HtmlEntity = {
	decode: function (str: string) {
	return str.replace(ENTITY_REGEX, entityToChar)
	},

	module.exports = function(grunt) {

	"use strict";

	grunt.initConfig({

	pkg : grunt.file.readJSON("package.json"),

	paths : {
	src : "<%= pkg.main %>",

	# Convert the .iso file to .img using the convert option of hdiutil
	hdiutil convert -format UDRW -o ~/path/to/target.img ~/path/to/target.iso

	# clean up extension
	mv ~/path/to/target.img.dmg ~/path/to/target.img

	# Get the current list of devices.
	diskutil list

	# Insert your flash media.

	ssh-keygen -t rsa -b 4096 -N '' -C "[email protected]" -f ~/.ssh/id_rsa
	ssh-keygen -t rsa -b 4096 -N '' -C "[email protected]" -f ~/.ssh/github_rsa
	ssh-keygen -t rsa -b 4096 -N '' -C "[email protected]" -f ~/.ssh/mozilla_rsa

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<title>parseTable</title>
	</head>
	<body>
	<table>
	<thead>
	<tr>

	/**
	* follows a path on the given data to retrieve a value
	*
	* @example
	* var data = { foo : { bar : "abc" } };
	* followPath(data, "foo.bar"); // "abc"
	*
	* @param {Object} data the object to get a value from
	* @param {String} path a path to a value on the data object
	* @return the value of following the path on the data object