Documenting some useful things.
- Charts: https://apexcharts.com/
- Live-collab text editor: https://github.com/ProseMirror
import { Link } from "gatsby" | |
import React, { useEffect, useState } from "react" | |
import * as styles from "./work.module.scss" | |
import WORK from "./work.json" | |
const WorkPage = () => { | |
const [focused, setFocus] = useState(false) | |
const toggleFocus = src => { | |
if (focused === false || focused !== src) { |
import styles from './Apps.module.scss'; | |
import { useEffect, useState } from 'react'; | |
import Link from 'next/link'; | |
const APPS = [ | |
{ | |
title: 'APP', | |
hero: 'Lorem ipsum dolor sit amet', | |
description: | |
'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.', |
Documenting some useful things.
// Using this as a way to collect my 'best-practices' for React | |
// The structure of a good class based component | |
import React, { Component } from 'react' | |
// MobX is designed to enable building web applications with a complex data model in an intuitive and very performant manner. | |
import { observer } from 'mobx-react' | |
// A runtime checker for props | |
import { string, object } from 'prop-types' |
A standard WooCommerce implementation, with theme supporting category pages inorder to imitate different storefronts.
You can imitate the different store-fronts using different categories of products and changing the style with custom category templates.
Tutorial for custom templates: https://docs.woocommerce.com/document/template-structure/
More info on product categories: https://docs.woocommerce.com/document/managing-product-taxonomies/