LanciWeb

#Requires AutoHotkey v2.0
<^>!'::Send "``"    ; AltGr + ' => `
<^>!vkDD::Send "~"  ; AltGr + ì => ~

LanciWeb

FAQs

Cos'è Inertia.JS?

Inertia NON è un framework JS e non è inteso a sostituirne uno.

Inertia è una libreria JavaScript che ci permette di utilizzare Vue, React o Svelte all'interno di un qualsiasi backend, creando un'esperienza da SPA, ma senza le complessità tipiche della SPA.

In altre parole, tu continui ad utilizzare i pattern e il routing del tuo framework di backend preferito, ma poi a frontend ti ritrovi con la potenza di un framework JS moderno.

>Nota: Inertia è cucito attorno a Laravel ma non è legato strettamente a Laravel, ma ha per Laravel (e per Rails) degli adaptors ufficiali che ne rendono facile l'implementazione.

LanciWeb

# Change to the project directory
cd $FORGE_SITE_PATH

# Turn on maintenance mode
php artisan down || true

# Pull the latest changes from the git repository
# git reset --hard
# git clean -df
git pull origin $FORGE_SITE_BRANCH

LanciWeb

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

• Mac /usr/local/mysql/bin
• Windows /Program Files/MySQL/MySQL version/bin
• Xampp /xampp/mysql/bin

Add mysql to your PATH

LanciWeb

import { useRef, useEffect, useState, useCallback } from "react";

const useSize = () => {
  let observer = useRef();

  const nullSize = { width: null, height: null };

  const [currentSize, setCurrentSize] = useState(nullSize);

  const getSize = (elements) => {

LanciWeb

import { useEffect } from 'react';

const useScript = (url: string, onLoadCallback?: () => void) => {
  useEffect(
    () => {
      const script = document.createElement('script');

      script.src = url;
      script.async = true;
      script.defer = true;

LanciWeb

Tutorial Markdown

Headings

Gli headings si ottengono con il #. Più cancelletti inseriamo, più piccolo sara l'heading.

# Heading 1
## Heading 2
### Heading 3

LanciWeb

export const fetchPosts = () => async (dispatch, getReduxStore) => {
  const posts = await fetch('/posts');
  
  // some other code...
  
  /* this will return the current store
  allowing us to make tests based on 
  current values if we need to */
  const store = getReduxStore(); 
  

LanciWeb

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import { createStore, applyMiddleware } from 'redux'; //applyMiddleware comes from redux
import { Provider } from 'react-redux';
import reducers from './reducers'; 
import thunk from 'redux-thunk';

const store = createStore(combinedReducers, applyMiddleware(thunk)); //applyMuddleware adds thunk to the store

LanciWeb

import React from 'react';
import {useSelector} from 'react-redux';

const MyList = () => {
  const dispatch = useDispatch();
  const list = useSelector(state => state.itemsList.items);
  
  return (
    <div>
        {props.list.map(i => (