pixeltopic / wayfarer-2 Goto Github PK

Use a separate component/page directory which are self explanatory.

I alternate between { error: "foo" } and { message: "foo" } when sending response from the backend. Make them all message for consistency.

When a setState occurs on an unmounted component, a memory leaks occurs. Simple resolution:

class Test extends Component {

  _isMounted = false;

  state = { visible: false };

  componentDidMount() {
    this._isMounted = true;
    setTimeout(() =>  this._isMounted && this.setState({ visible: true }), 1000);
  }

  componentWillUnmount() {
    this._isMounted = false;
  }

  render() {
    return (
      <div />
    );
  }
}
export default Test;

Add Icons next to links. Use a listener to highlight active page (match by substring)
Use Fabflix project's navbar code

Due to schema changed on the backend, these functions need to be updated.

Change one of them to 699px to fix.

It might be handy to find out how to have search results fade in or something.

It is hard to maintain large files. It might more sense to follow a container-like pattern for some components without having to resort to having an entirely new containers directory.

I have no idea how this even still works, but fix it.