macouella

# Colours taken from https://github.com/Binaryify/OneDark-Pro

# base:    #282c34
# mono-1:  #abb2bf
# mono-2:  #818896
# mono-3:  #5c6370
# hue-1:   #56b6c2
# hue-2:   #61aeee
# hue-3:   #c678dd
# hue-4:   #98c379

macouella

Install nginx

$ brew install nginx

Edit nginx.conf

$ vim /usr/local/etc/nginx/nginx.conf

macouella

function rgb2hex(rgb) {
  if (rgb.search("rgb") == -1) {
    return rgb;
  } else {
    rgb = rgb.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+))?\)$/);
    function hex(x) {
      return ("0" + parseInt(x).toString(16)).slice(-2);
    }
    return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);
  }

macouella

Hello!

Useful plugins

Expand selection to scope

Disable fn keys

System Preferences > Keyboard > Tick Use f1, f2, etc. as standard function keys...

macouella

import React from "react";
import { StyleSheet, View, Button, TextInput } from "react-native";
import { Formik, Field } from "formik";
const MyTextInput = ({ field, ...props }) => {
  console.log(field, props);
  return (
    <TextInput
      value={field.value}
      onChangeText={props.form.handleChange(field.name)}
      onBlur={props.form.handleBlur(field.name)}

macouella

{
	"info": {
		"_postman_id": "ac491bb7-de4a-4258-b717-ba80070f50fe",
		"name": "Magento",
		"schema": "https://schema.getpostman.com/json/collection/v2.1.0/collection.json"
	},
	"item": [
		{
			"name": "Mine / Me",
			"item": [

macouella

Prereqs

• Obtain public/private pair after generating one from https://marketplace.magento.com/customer/accessKeys/
• Use the public key as username and the private key as password.
• Docker, composer installed
• Configure docker file-sharing to include the folder you'll chuck the magento install in

Setting up the dev environment

composer create-project --repository-url=https://repo.magento.com/ magento/project-community-edition dockgento
# Enter username and public auth key from above

macouella

Disabling unused magento modules to speed up development

Optional - I have done some testing and the following modules are easily disabled. Run at your own discretion!

bin/magento module:disable --clear-static-content Magento_ConfigurableSampleData Magento_SampleData Magento_MsrpSampleData Magento_DownloadableSampleData Magento_BundleSampleData Magento_CustomerSampleData Magento_ThemeSampleData Magento_SwatchesSampleData Magento_TaxSampleData Magento_CmsSampleData Magento_WidgetSampleData Magento_WishlistSampleData Magento_ReviewSampleData Magento_OfflineShippingSampleData Magento_SalesRuleSampleData Magento_SalesSampleData Magento_ProductLinksSampleData Magento_GroupedProductSampleData Magento_CatalogSampleData Magento_CatalogRuleSampleData Magento_GoogleOptimizer Magento_GoogleAdwords Magento_GoogleAnalytics Magento_Analytics Magento_QuoteAnalytics Magento_CustomerAnalytics Magento_WishlistAnalytics Magento_ReviewAnalytics Magento_SalesAnalytics Amazon_Core Klarna_Core Amazon_Login Amazon_Payment Kla

macouella

const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const BrowserSyncPlugin = require("browser-sync-webpack-plugin");

const devMode = process.env.NODE_ENV !== "production";

const path = require("path");

macouella

const path = require('path');
const pathConfig = require('./path-config.json');
const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
  .BundleAnalyzerPlugin;
const opn = require('opn');

module.exports = {
  html: false,
  ghPages: false,
  images: true,