vikbert

GitHub build icons

<div align="center">
	[![Build Status][travis-image]][travis-url]
	[![Appveyor Build Status][appveyor-image]][appveyor-url]
	[![Dependency Status][david_img]][david_site]
	[![DevDependency Status][david_img_dev]][david_site_dev]
	[![Github Tag][github-tag-image]][github-tag-url]

vikbert

Prezi (free version)

https://prezi.com/dashboard/next/#ease-modal

Advantage:

• simple design with drag and drop
• pretty template
• cool animation
• image resources and style template

vikbert

Visual Code

in visual code, search for font, then enter this font name in controls the font family

Font_family: Fira Code
Font_Size: 14
Font_Weight: 400

search for editor.letterSpacing, and set the value

vikbert

React: UI Component

mui-org/material-ui

React components for faster and easier web development. Build your own design system, or start with Material Design. https://material-ui.com/. Live Demo can be tested directly on https://codesandbox.io/s/4j7m47vlm4

jacobwgillespie/styled-icons

vikbert

Awesome People

Frontend Devs

ecmadao

from Beijing, focus on Javascript, ReactJS.

Backend Devs

vikbert

Awesome Tools

This is a collection of awesome tools, that I use for daily work.

PHPStorm Plugins

carbon-now-sh

convert code snippets to image: png, jpg

vikbert

React.js

========================================================================

Resource used

• Redux-todomvs workflowy
• selector: for computed derived data

presentational vs container component

the component should be split into smart(container) and dump(presentational) components.

vikbert

Beginning with Vue.js in 03.2019

open question

• Vuex
• Typescript
• unit Testing
• E2E test
• Progresive Web App Support

vikbert

Rename files with preg_match and preg_replace

<?php

declare(strict_types = 1);

const PATTERN = '/(-m\d-[a-zA-Z]*-[0-9][0-9])/';

if (empty($argv[1])) {
 throw new Exception('Usage: php rename.php ');

vikbert

Golden Rules

• slow and steady wins the race
• not working overtime, but working flexibly
• knowing what need to be done, not waiting to be told what to do
• understand the context around you
• focus on 2-3x MIT Tasks(Most Important task)