ademilter

{
  "dependencies": {
    "flickity": "^2.2.1"
    "react-flickity-component": "^3.5.0"
  }
}

ademilter

type EventHandler<T=any> = (data :T)=>void

export class EventEmitter<EventMap = {[k:string]:any}> {
  _events = new Map<keyof EventMap,Set<EventHandler>>()

  addListener<K extends keyof EventMap>(e :K, handler :EventHandler<EventMap[K]>) {
    let s = this._events.get(e)
    if (s) {
      s.add(handler)
    } else {

ademilter

ngrok ile lokaldeki klasörü internete açın

Yıllardır frontend işi ile uğraşıyorum. Yapılan işi bitirip, müşteriye göstermek adımını gelince ftp’ye veya statik-dosya-barındıran servislere ihtiyaç duyuyoruz. Sonuçta yapılan işi bir url ile göstermemiz gerektiği durumlar her zaman oluyor.

Lokal’deki bir klasörü tek satır kodla herkesle paylaşacağımız bir url haline getirsek nasıl olur? bence süper olur!

Şimdi bu işi ngrok kullanarak hızlıca nasıl çözeceğimize bakalım.

Ben macOS kullandığım için anlatımım bu yönde olacak. Siz platforma uygun sürümlerini yüklemeyi deneyin.

ademilter

function getXPath(nodeElem) {
  const parts = [];
  while (nodeElem && nodeElem.nodeType === Node.ELEMENT_NODE) {
    let nbOfPreviousSiblings = 0;
    let hasNextSiblings = false;
    let sibling = nodeElem.previousSibling;
    while (sibling) {
      if (
        sibling.nodeType !== Node.DOCUMENT_TYPE_NODE &&
        sibling.nodeName === nodeElem.nodeName

ademilter

import React from 'react'
import PropTypes from 'prop-types'

const Comp = ({ children }) => {
  const childs = React.Children.map(children, child =>
    React.cloneElement(child, { ...child.props, moreProps: 123 })
  )

  return <div>{childs}</div>
}

ademilter

.mobile-nav {
  --width: 28px;
  --height: 12px;
  --border: 2px;
  position: relative;
  margin-left: auto;
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: #000;

ademilter

// webpack.junk.js
const path = require('path')

module.exports = {
  resolve: {
    alias: {
      '#root': path.resolve(__dirname, './'),
      '#src': path.resolve(__dirname, './src'),
      '#styles': path.resolve(__dirname, './src/styles')
    }

ademilter

### Assets
GET {{api}}/asset/
Authorization: Bearer {{token}}

### Asset name change
POST {{api}}/asset/3
Content-Type: application/json
{
  "id": 999,
  "value": "content"

ademilter

yarn add mobx mobx-react

ademilter

// assets/icons/Close.vue

<template>
  <svg class="icon" xmlns="http://www.w3.org/2000/svg" :width='opts.width' :height='opts.height' viewBox="0 0 29 32">
    <path :fill="opts.color" d="M27.507 7.418l-4.525-4.525-9.050 9.050-9.053-9.050-4.525 4.525 9.050 9.050-9.050 9.053 4.525 4.525 9.053-9.050 9.050 9.050 4.525-4.525-9.050-9.053z"></path>
  </svg>
</template>

<script>
import icon from '@/mixins/icon'