Eyongkevin

Active StarUML on Window/MacOS/Linux

• Step 1: Download and install StarUML Version 6 from main website https://staruml.io
• Step 2: Download app.asar file from https://drive.google.com/file/d/1_sKvHVL6SebnYF73iZxSWD9l48Pddzvj/view?usp=sharing
• Step 3: Copy app.asar file download in step 2 (Override app.asar file)
  • Window: C:\Program Files\StarUML\resources
  • MacOS: /Applications/StarUML.app/Contents/Resources/
  • Linux: /opt/StartUML/resources
• Step 4: Open StarUML app to use

Eyongkevin

MongoDB Cheat Sheet

Show All Databases

show dbs

Show Current Database

Eyongkevin

import React, { Component } from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { connect } from 'react-redux'


import ShoppingCart from './ShoppingCart'
import MyCart from './MyCart'
import DisplayPhone from './DisplayPhone'

Eyongkevin

class ShoppingCart extends Component{
    render(){
        const { canDrop, isOver, connectDropTarget } = this.props;
        const  isActive = canDrop && isOver;

        let backgroundColor = '#FFFFFF';
        if (isActive){
            backgroundColor ='#F7F7BD';
        } else if (canDrop){
            backgroundColor = '#F7F7F7';

Eyongkevin

class Phone extends Component{
    render(){
        const { brand } = this.props;
        const { isDragging, connectDragSource } = this.props;

        const opacity = isDragging? 0.4: 1;
        const style={
            opacity: opacity
        };
        const phoneClass = isDragging? 'ui card phone drag': 'ui card phone';

Eyongkevin

import React, { Component } from 'react';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';

import Phone from './Phone'
import ShoppingCart from './ShoppingCart'
import MyCart from './MyCart'

class Container extends Component {
    render(){

Eyongkevin

import React, { Component } from 'react';


class MyCart extends Component {
    render(){
        return(
            <div>
                <div class="ui cards">
                    <div class="ui card centered">
                        <div class="content">

Eyongkevin

import React, { Component } from 'react';
import Phone from './Phone'
import ShoppingCart from './ShoppingCart'
import MyCart from './MyCart'

class Container extends Component {
    render(){
        const { phones } = this.props
        return(
            <div class="ui container">

Eyongkevin

import React, { Component } from 'react';
import Phone from './Phone'
import ShoppingCart from './ShoppingCart'

class Container extends Component {
    render(){
        const { phones } = this.props
        return(
            
            <div className='container'>

Eyongkevin

import React, { Component } from 'react';
import { connect } from 'react-redux'

import '../index.css'
import { _getPhones } from '../utils/_DATA'
import { receivePhones } from '../actions/phones'
import Container from './container'


class App extends Component {