salmanx

Integrate Gem/Engine and main Rails app

Overview

• Paths
• Routes
• Add functionality to controller
• Improving (Extending or overriding) Engine functionality
• Helpers
• Assets

salmanx

// basic uses

// user component using useState 
const User = () => {
    const [userDetails, setUserdetails] = useState();
    const [loading, setLoading] = useState(false);
    const [error, setError] = useState();

    useEffect(() => {
        setLoading(true);

salmanx

let cars = [
  {
    "color": "purple",
    "type": "minivan",
    "registration": new Date('2017-01-03'),
    "capacity": 7
  },
  {
    "color": "red",
    "type": "station wagon",

salmanx

// src/App.js

import React from "react";

const UserContext = React.createContext();

export default function App() {
  const user = { name: "Reed" };

  return (

salmanx

const arr = [1, 1, 12, 4, 4, true, false, true, null];

const filteredArr = [...new Set(arrr)]

// result: [1, 12, 4, true, false, null]

salmanx

### DigitalOcean Ubuntu 18.04 x64 + Rails 5 + Nginx + Unicorn + PostgreSQL9.6 + Capistrano 3

SSH into Root

    $ ssh [email protected]

Change Root Password

    $ passwd

salmanx

var arr = [
        {'id':1 ,'parentid' : 0},
        {'id':2 ,'parentid' : 1},
        {'id':3 ,'parentid' : 1},
        {'id':4 ,'parentid' : 2},
        {'id':5 ,'parentid' : 0},
        {'id':6 ,'parentid' : 0},
        {'id':7 ,'parentid' : 4}
];

salmanx

MongoDB Cheat Sheet

Show All Databases

show dbs

Show Current Database

salmanx

import React, { Component } from 'react';
import styled from 'styled-components';

export default class Tab extends Component {
	constructor(props) {
		super(props);
		console.log(this.props);

		this.state = {
			activeTabIndex:  1

salmanx

VSCode - ESLint, Prettier & Airbnb Setup

1. Install ESLint & Prettier extensions for VSCode

Optional - Set format on save and any global prettier options

2. Install Packages

npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node