ryanflorence

Reach UI Philosophy

Reach UI is an accessible foundation for React applications and design systems.

The three equally important goals are to be:

• Accessible
• Composable
• Stylable

chaance

##           _/_/_/  _/    _/    _/_/    _/      _/    _/_/_/  _/_/_/_/
##        _/        _/    _/  _/    _/  _/_/    _/  _/        _/
##       _/        _/_/_/_/  _/_/_/_/  _/  _/  _/  _/        _/_/_/
##      _/        _/    _/  _/    _/  _/    _/_/  _/        _/
##       _/_/_/  _/    _/  _/    _/  _/      _/    _/_/_/  _/_/_/_/
##
##      _/_/_/_/_/  _/    _/  _/_/_/_/
##         _/      _/    _/  _/
##        _/      _/_/_/_/  _/_/_/
##       _/      _/    _/  _/

cassidoo

// Modified version of this Stack Overflow response:
// https://stackoverflow.com/a/48459005/1950503
// (Removes ramda dependency, adds .trim() to string replacer, adds it to Jest global var instead of exporting)

// To use:
// Put `<rootDir>/path/to/customWhitespaceMatcher.js` in your Jest config under setupFiles
// Call it in your tests like this:
//    expect(
//      customMatchers.whitespaceMatcher(receivedResult, expectedResult).pass
//    ).toBeTruthy();

remy

const webpack = require('webpack');

require('dotenv').config({
  path: process.env.NODE_ENV === 'production' ? '.env.production' : '.env'
});

module.exports = {
  webpack: config => {
    const env = Object.keys(process.env).reduce((acc, curr) => {
      acc[`process.env.${curr}`] = JSON.stringify(process.env[curr]);

joshbuchea

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

jekkilekki

Register Social menu in functions.php

register_nav_menus( array(
    'top'     => esc_html__( 'Top Menu', 'theme-slug' ),
    'social'  => esc_html__( 'Social Menu', 'theme-slug' ),
) );

Create menu in inc/template-tags.php