avermeulen

AlpineJS with ViteJS

ViteJS is a modern JavaScript build tool that can be used to build modern JavaScript frameworks including ReactJS and VueJS to name only two. In this tutorial you will explore how to use ViteJS with AlpineJS. This will prepare you for using ViteJS with ReactJS or other modern web framework.

Modern JavaScript built tools like ViteJS, ParcelJS & react-create-app (built with webpack) embrace ES Modules. Meaning that external dependencies are installed via npm and imported. So no more script, style or link tags. HTML, CSS & JavaScript are bundled into compact bundle.

Create app using Vite

Let's start exploring ViteJS by creating a new application. Using this command:

AhmedHelalAhmed

SemiColon Academy
Medhat Dawoud
Shreef
DahabDev - Ahmed Abu Eldahab
Elzero Web School
Contlization
GDG Cairo
Ahmed Samir El Khadrawy
CAT Reloaded
Ali Shahin

pishangujeniya

Ubuntu To Mac OS Mojave theme

Pre-requisites

• sudo apt update
• sudo apt install gnome-tweaks
• sudo apt-get install gir1.2-clutter-1.0 gir1.2-clutter-gst-3.0 gir1.2-gtkclutter-1.0

francisrstokes

const interpret = iterator => last => {
  const {value, done} = iterator.next(last);
  return (done) ? Promise.resolve(value) : value.then(interpret(iterator));
};
const asyncAwait = g => interpret(g())();



// ... Usage ...
const addOneSoon = (x, t) => new Promise(resolve => {

pabloleonalcaide

/**
* Checking if an image exist in your image folder
*/
  let loadImage = function(variable){
    var image = new Image();
    var url_image = './ImageFolder/' + variable + '.jpg';
    image.src = url_image;
    if (image.width == 0) {
       return `<img src='./ImageFolder/defaultImage.jpg'>`;
    } else {

dasblitz

// This gist aims to explain how it's possible that async functions inside React
// using createFetcher(Promise).next(key) can work.

// A possible implementation of the new createFetcher function
// as shown by https://twitter.com/jamiebuilds/status/969169357094842368
// @param method, should be a function returning a Promise.
// @returns an object with a property 'read', used to read values from the resolved 'cache'.
const createFetcher = function(method) {
  // First create a Map for the resolved values.
  const resolved = new Map()

jwo

import React, { Component } from "react"
import { compose } from "recompose"
import {
  withScriptjs,
  withGoogleMap,
  GoogleMap,
  Marker,
  InfoWindow
} from "react-google-maps"

claudiahdz

function InsertionSort(arr) {

  let len     = arr.length,     	// number of items in the array
	    value,                      // the value currently being compared
	    i,                          // index into unsorted section
	    j;                          // index into sorted section
	
	for(i = 1; i < len; i++) {

		// store the current value because it may shift later

0livare

# Some options that may or may not be applicable to you
[user]
  name = Zach Olivare
  email = zach@olivare.net
[push]
  default = upstream
[core]
  autocrlf = input # Force replacing CRLF line endings with LF
  ignorecase = false
	# editor = code --wait

soifou

iTerm2 Shortcuts

Tab navigation

• open new tab: Cmd + t
• next tab: Cmd + Shift + ]
• previous tab: Cmd + Shift + [

Pane navigation