Skip to content

Instantly share code, notes, and snippets.

View lucasfloriani's full-sized avatar

Lucas Alexander Floriani lucasfloriani

View GitHub Profile
@lucasfloriani
lucasfloriani / HowToUse.js
Last active May 26, 2020 12:59
useFirebase hook
import React from 'react'
import useFirebaseMessaging from '@hooks/useFirebase'
const HowToUse = () => {
useFirebaseMessaging()
return <p>Firebase Messaging executed</p>
}
@lucasfloriani
lucasfloriani / index.js
Created May 13, 2020 13:34
PWAButton.js
import React, { useEffect, useState } from 'react'
import useHasInstalledPWA from '@hooks/useHasInstalledPWA'
import Button from '@atoms/Button'
import Flex from '@atoms/Flex'
import Paragraph from '@atoms/Paragraph'
const PWAButton = () => {
const [supportsPWA, setSupportsPWA] = useState(false)
const [promptInstall, setPromptInstall] = useState(null)
const hasInstalledPWA = useHasInstalledPWA()
@lucasfloriani
lucasfloriani / processor.ts
Created May 4, 2020 23:55
Processing images with sharp using functional programming and typescript
import sharp from 'sharp'
interface ProcessorData {
directory: string
content: Buffer
}
type ProcessorAction = (fileBuffer: Buffer) => Promise<Buffer>
const processImage = (originalFile: Buffer) => {
@lucasfloriani
lucasfloriani / PhoneInput.js
Created April 1, 2020 18:39
Component with mask that accepts phone and mobile phone values
/* Form need to be wrapped in FormikProvider to access formik context */
import React from 'react'
import PropTypes from 'prop-types'
import { useFormikContext } from 'formik'
import TextField from '@atoms/TextField'
const PhoneInput = ({ ...props }) => {
const { setFieldValue } = useFormikContext()
const { name, value } = props
@lucasfloriani
lucasfloriani / useGetParams.js
Created October 21, 2019 13:40
React hook useRedirectWithParams
import useRoute from './useRoute'
const useGetParams = () => {
const { location } = useRouter()
return new URLSearchParams(location.search)
}
export default useGetParams
@lucasfloriani
lucasfloriani / HOC.js
Created January 22, 2019 17:23
Query component vs graphql HOC
import React from 'react'
import PropTypes from 'prop-types'
import { graphql } from 'react-apollo'
import {
Button,
Caption,
Image,
Loader,
Paginate,
Paragraph,