Mark Jesper Pillerva mark123jesper

## Countries.js
export const listCountries = () => {
	return [
		{
			name: 'Afghanistan',
			code: 'AF',
			capital: 'Kabul',
			region: 'AS',
			currency: {
				code: 'AFN',
				name: 'Afghan afghani',

## kernel.php
Add this middleware on the route you are using for your fortify web/api before the throttle and bindings

\Illuminate\Session\Middleware\StartSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,

## AppServiceProvider.php
 if($this->app->environment('production'))
 {
     \URL::forceScheme('https');
 }

## App.js
import React, { useEffect, useReducer } from 'react';
import axios from 'axios'
import './App.css';
const initialState = {
  loading: true,
  error: "",
  todos: [],
};

const reducer = (state, action) => {

## Flexible useReducer Counter.js
//Using action.payload to have a flexible data

import React, { useReducer } from 'react'
import { Button, ButtonGroup, Badge } from 'reactstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
const initialState = {
    counter1: 0,
    counter2: 10
}
const reducer = (state, action) => {

## ComponentA.js
import React from 'react'
import ComponentB from './ComponentB'
const ComponentA = () => {
    return (
        <div>
            <div>ComponentA</div>
            <ComponentB />
        </div>
    )
}

## ArrayMap.js
{items.map(item => (NEVER FORGET THE DIFF BETWEEN BRACKET AND PARENTHESIS))}

## gist:7c5e721d2bcff1b36aa2e70f2c0d7cc4
rm -rf node_modules
rm package-lock.json yarn.lock
npm cache clear --force
npm install
npm run dev

## FormData.js
const [formData, setFormData] = useState({
  name: "",
  email: "",
  etc: ""
});

const onSubmitHandler = (event) => {
  e.preventDefault;
  setFormData({...formData, [event.target.name]: event.target.value})
};

## vue.json
{
	"bring back the scaffold to vue files": {
		"prefix": "scaffold",
		"body": [
			"<template>",
			"  <div>$TM_FILENAME_BASE</div>",
			"</template>",
			"",
			"<script>",
			"export default {",
	export const listCountries = () => {
	return [
	{
	name: 'Afghanistan',
	code: 'AF',
	capital: 'Kabul',
	region: 'AS',
	currency: {
	code: 'AFN',
	name: 'Afghan afghani',
	Add this middleware on the route you are using for your fortify web/api before the throttle and bindings

	\Illuminate\Session\Middleware\StartSession::class,
	\Illuminate\View\Middleware\ShareErrorsFromSession::class,
	if($this->app->environment('production'))
	{
	\URL::forceScheme('https');
	}
	import React, { useEffect, useReducer } from 'react';
	import axios from 'axios'
	import './App.css';
	const initialState = {
	loading: true,
	error: "",
	todos: [],
	};

	const reducer = (state, action) => {
	//Using action.payload to have a flexible data

	import React, { useReducer } from 'react'
	import { Button, ButtonGroup, Badge } from 'reactstrap';
	import 'bootstrap/dist/css/bootstrap.min.css';
	const initialState = {
	counter1: 0,
	counter2: 10
	}
	const reducer = (state, action) => {
	import React from 'react'
	import ComponentB from './ComponentB'
	const ComponentA = () => {
	return (
	<div>
	<div>ComponentA</div>
	<ComponentB />
	</div>
	)
	}
	rm -rf node_modules
	rm package-lock.json yarn.lock
	npm cache clear --force
	npm install
	npm run dev
	const [formData, setFormData] = useState({
	name: "",
	email: "",
	etc: ""
	});

	const onSubmitHandler = (event) => {
	e.preventDefault;
	setFormData({...formData, [event.target.name]: event.target.value})
	};
	{
	"bring back the scaffold to vue files": {
	"prefix": "scaffold",
	"body": [
	"<template>",
	" <div>$TM_FILENAME_BASE</div>",
	"</template>",
	"",
	"<script>",
	"export default {",