Skip to content

Instantly share code, notes, and snippets.

View xelinel32's full-sized avatar

Artem Sedliar xelinel32

View GitHub Profile
xelinel32 / .eslintrc.js
Created February 1, 2024 17:00 — forked from onlime/.eslintrc.js
ESLint/Prettier config for Vue 3 in VS Code
module.exports = {
root: true,
env: {
browser: true,
node: true,
extends: [
xelinel32 /
Created November 9, 2021 11:28 — forked from mikaello/
Group Array of JavaScript Objects by Key or Property Value

Group array of JavaScript objects by keys

This fork of JamieMason's implementation changes the key parameter to be an array of keys instead of just a single key. This makes it possible to group by multiple properties instead of just one.


const groupBy = keys => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = => obj[key]).join('-');
xelinel32 / deploy.yml
Created May 5, 2021 10:35
GitHub Deploy & Actions
name: Deploy
- master
runs-on: ubuntu-latest
xelinel32 /
Created April 6, 2021 18:51 — forked from ankurk91/
Github : Signing commits using GPG (Ubuntu/Mac)

Github : Signing commits using GPG (Ubuntu/Mac) 🔐

  • Do you have an Github account ? If not create one.
  • Install required tools
  • Latest Git Client
  • gpg tools
# Ubuntu
sudo apt-get install gpa seahorse
# MacOS with
xelinel32 /
Created April 6, 2021 18:45 — forked from paulirish/
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
xelinel32 / workaround.css
Created April 5, 2021 19:04 — forked from mrtcmn/workaround.css
firefox backdrop-filter workaround
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.blurred-container {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
.blurred-container {
xelinel32 / Api.js
Last active September 14, 2021 18:53
Axios config from Vue
import axios from 'axios'
export default () => {
const axiosInstance = axios.create({
baseURL: `${process.env.VUE_APP_URL}/api/v1`,
const token = localStorage.getItem('token')
if (token) {
axiosInstance.defaults.headers.common.Authorization = `Bearer ${token}`