DennyScott

import React, { useState } from "react"
...
function App(props) {
  const existingTokens = JSON.parse(localStorage.getItem("tokens"));
  const [authTokens, setAuthTokens] = useState(existingTokens);
  
  const setTokens = (data) => {
    localStorage.setItem("tokens", JSON.stringify(data));
    setAuthTokens(data);
  }

generatepress

add_action( 'after_setup_theme', function() {
	remove_action( 'generate_inside_navigation', 'generate_navigation_search' );
	remove_action( 'generate_inside_navigation', 'generate_mobile_menu_search_icon' );
	
	add_action( 'generate_inside_secondary_navigation', 'generate_navigation_search' );
	add_action( 'generate_inside_secondary_navigation', 'generate_mobile_menu_search_icon' );
	
	remove_filter( 'wp_nav_menu_items', 'generate_menu_search_icon', 10, 2 );
} );

MWins

Project Ideas

Ok. I'm going to list off some ideas for projects. You will have to determine if any particular idea is good enough to include in a portfolio. These aren't creative ideas. They likely already exist. Some are way too advanced while others are simplistic.

I will recommend to post any project you make to github and make a github project page for it. Explain in as much detail as possible how you made it, how it can be improved etc. Document it.

If you pick an advanced idea, setup a development roadmap and follow it. This will show some project management skills.

Another piece of advice for those who are design challenged. Use different front end frameworks and use different themes for those frameworks to provide appealing designs without looking like yet another bootstrap site.

gist:06dbd945fa11991d7af1a8d6800f0f87

add_filter( 'get_the_archive_title', 'tu_archive_title_remove_prefix' );
function tu_archive_title_remove_prefix( $title ) {
    if ( is_post_type_archive() ) {
        $title = post_type_archive_title( '', false );
    }
	
    return $title;
	
}

Claire

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

---

Claire

ES6:

Learn ES6 (ECMAScript 2015) https://egghead.io/courses/learn-es6-ecmascript-2015

You-Dont-Know-JS/es6 & beyond at master https://github.com/getify/You-Dont-Know-JS/tree/master/es6%20%26%20beyond#you-dont-know-js-es6--beyond

Learn ECMAScript6 by doing it

SiR-DanieL

remove_action( 'storefront_footer', 'storefront_handheld_footer_bar', 999 );

BluePraise

<?php 

add_action('init','delay_remove');
 
function delay_remove() {
	remove_action( 'woocommerce_after_shop_loop', 'woocommerce_catalog_ordering', 10 );
	remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 10 );
}

shashankmehta

First install Brew on your MAC

• Setup Brew: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• brew update
• brew tap homebrew/dupes
• brew tap homebrew/php
• Install PHP 7.0.+ brew install php70
• Install mcrypt: brew install mcrypt php70-mcrypt
• Finally, install composer: brew install composer

AlexisLeon

import React, { Component } from 'react';
import { TextInput } from 'react-native';

class Input extends Component {
    constructor(props) {
    super(props);
    this.state = {
      text: ''
    };
  }