Mark Jesper Pillerva mark123jesper
🌐
mark123jesper
/ Countries.js
Created
April 5, 2022 06:54
JS file for Countries with Country code, currency and currency symbol and even flag emoji.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const listCountries = () => { | |
| return [ | |
| { | |
| name: 'Afghanistan', | |
| code: 'AF', | |
| capital: 'Kabul', | |
| region: 'AS', | |
| currency: { | |
| code: 'AFN', | |
| name: 'Afghan afghani', |
mark123jesper
/ kernel.php
Last active
March 1, 2022 10:03
[Solution] Session Store not set on request
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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, |
mark123jesper
/ AppServiceProvider.php
Created
March 1, 2022 09:57
[Solution] Laravel Fortify - Invalid Signature
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| if($this->app->environment('production')) | |
| { | |
| \URL::forceScheme('https'); | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useEffect, useReducer } from 'react'; | |
| import axios from 'axios' | |
| import './App.css'; | |
| const initialState = { | |
| loading: true, | |
| error: "", | |
| todos: [], | |
| }; | |
| const reducer = (state, action) => { |
mark123jesper
/ Flexible useReducer Counter.js
Last active
March 25, 2022 04:23
Example of simplified and normal use of useReducer
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //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) => { |
mark123jesper
/ ComponentA.js
Created
October 3, 2021 10:48
Different ways on how to use traditional Context and useContext Hook in React
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| import ComponentB from './ComponentB' | |
| const ComponentA = () => { | |
| return ( | |
| <div> | |
| <div>ComponentA</div> | |
| <ComponentB /> | |
| </div> | |
| ) | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {items.map(item => (NEVER FORGET THE DIFF BETWEEN BRACKET AND PARENTHESIS))} |
mark123jesper
/ gist:7c5e721d2bcff1b36aa2e70f2c0d7cc4
Created
October 3, 2021 09:57
Fix npm run dev error
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| rm -rf node_modules | |
| rm package-lock.json yarn.lock | |
| npm cache clear --force | |
| npm install | |
| npm run dev |
mark123jesper
/ FormData.js
Last active
October 3, 2021 09:54
Simple Form Data Structure to prevent unnecessary multiple useState.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const [formData, setFormData] = useState({ | |
| name: "", | |
| email: "", | |
| etc: "" | |
| }); | |
| const onSubmitHandler = (event) => { | |
| e.preventDefault; | |
| setFormData({...formData, [event.target.name]: event.target.value}) | |
| }; |
mark123jesper
/ vue.json
Created
September 18, 2021 01:40
— forked from rochabianca/vue.json
Snippet to bring back scaffold on vue on vscode. To use it go to Code>Preferences>User Snippets type vue on the input and paste this code there.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "bring back the scaffold to vue files": { | |
| "prefix": "scaffold", | |
| "body": [ | |
| "<template>", | |
| " <div>$TM_FILENAME_BASE</div>", | |
| "</template>", | |
| "", | |
| "<script>", | |
| "export default {", |
NewerOlder