phatnguyenuit

How to compose React Providers with TypeScript

Photo by Sergei A on Unsplash

Hi guys 😁! Long time no new articles!

Today, I am going to show you how to compose React providers with TypeScript.

samselikoff

const plugin = require("tailwindcss/plugin");

module.exports = {
  mode: "jit",
  purge: {
    content: ["./src/**/*.{js,ts,jsx,tsx,mdx,vue}"],
  },
  theme: { extend: {} },
  variants: {},
  plugins: [

markodenic

<a href="https://facebook.com/sharer/sharer.php?u={yourUrl}">
  Share on Facebook
</a>

<a href="https://twitter.com/intent/tweet/?text={yourText}&url={yourUrl}">
  Share on Twitter
</a>

<a href="https://www.tumblr.com/widgets/share/tool?posttype=link&title={yourTitle}&caption={yourUrl}&content={yourContent}&canonicalUrl={yourUrl}&shareSource=tumblr_share_button">
  Share on Tumblr

baumandm

⚠️ I'd recommend using this fork by @igoro00 which has better theme support.

---

Tiny wrapper component for React-Datepicker to stylistically fit with Chakra-UI 1.x.

<DatePicker selectedDate={myDate} onChange={(d) => console.log(d)} />

spemer

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */

cazala

Directory Structure

The sources of the project follows this structure:

/src
  /app
    /{domain}
      /actions.ts
 /actions.spec.ts

dehamzah

require('crypto').randomBytes(48, function(err, buffer) { var token = buffer.toString('hex'); console.log(token); });

niksumeiko

Disable HTML Form Input Autocomplete and Autofill

1. Add autocomplete="off" onto <form> element;
2. Add hidden <input> with autocomplete="false" as a first children element of the form.

<form autocomplete="off" method="post" action="">
    <input autocomplete="false" name="hidden" type="text" style="display:none;">
    ...

ankurk91

npm v3.10 - ◾

⚠️ This gist is outdated, but most of the commands are still relevant. ⚠️

Update npm itself

npm install -g npm
# Downgrade to a specific version
npm install -g npm@6

cschlyter

var mention_id = 620996;

db.mentionStats.aggregate([
    { $match: {'mention_id': mention_id}},
    { $group: {'_id': {
                    'year': { '$year': "$verification_date" },
                    'month': { '$month': "$verification_date" },
                    'day': { '$dayOfMonth': "$verification_date" }
                },
                'retweets': { $last: "$retweets" }}},