Marco Lancellotti 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.

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

Tutorial Markdown

Headings

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

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

	# 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

	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) => {

	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;

	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();

	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

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

	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 => (