Entity Relationship Diagram

Source: https://www.smartdraw.com/entity-relationship-diagram/

[TOC]

This post shows some resources helpful in web development.

Front end

Design

Semantic UI

CDN:

This is the notes taken while learning HTML/CSS.

[TOC]

CSS

Unit

Relative Lengths

Relative length units specify a length relative to another length property. Relative length units scale better between different rendering medium.

A typical JavaScript class (ES6)

with setter, getter, inheritance

This is the notes taken while learning React.

[TOC]

React

State

setState() async

Source:

This is my note from some tutorials while learning sql.

Copyright belongs to the original source.

First tutorial about query

The tutorial comes from http://www.xuesql.cn/

Modern React with Redux

[TOC]

Section 6: Understanding Lifecycle Methods

A code refactor

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

const SeasonDisplay = (props) => {
  let season = getSeason(props.lat, new Date().getMonth());
  let text = season === 'winter' ? 'it is chilly' : "let's hit beach";
  let icon = season === 'winter' ? 'snowflake' : 'sun';
  return (
    <h1>
      <i className={`${icon} icon`} />
      <div>{text}</div>
      <i className={`${icon} icon`} />
    </h1>
  );
};

const getSeason = (lat, month) => {
  if (month > 2 && month < 9) {
    return lat >= 0 ? 'summer' : 'winter';
  } else {
    return lat < 0 ? 'summer' : 'winter';
  }
};

export default SeasonDisplay;

Prettier is an useful tool to format Javascript related code. It is compatible with several IDEs. I used to set up it with VS Code and Webstorm. So I decide to record this procedure.

Test

I can modify this file?
I can modify it in vim with user.
When I chmod in its folder, I make it.