Skip to content

Instantly share code, notes, and snippets.

View flavienbonvin's full-sized avatar

Flavien Bonvin flavienbonvin

View GitHub Profile
@flavienbonvin
flavienbonvin / dynamic_imports.tsx
Created March 29, 2022 18:28
NextJS optimisation gist
const ServiceBadge = dynamic(() => import(‘../Molecules/ServiceBadge’))
const ServiceHeader = ({service, title}: Props) => {
const router = useRouter()
const isMobile = useBreakpointValue([true, null, false], ‘base’)
return (
<HStack>
<BackButton onClick={() => router.replace(ROUTE_ROOT)} />
{isMobile && <ServiceBadge {…service} />}
const fs = require("fs");
const Papa = require("papaparse");
const axios = require("axios");
const csvFilePath = "user.csv";
const apiKey = "";
const arrayWeatherFirstLogin = [];
const errors = [];
import React, { Component } from 'react'
import { Card, Col } from 'antd'
import { $, key } from '../../localization/localization'
import { Pricing } from '../../models/Pricing'
class PricingCol extends Component {
render () {
const {title, onClick, className, iconType, numberOfPlans, status, hoverable} = this.props
import { Button, Col, Divider, Modal, Radio, Row, Spin } from 'antd'
import React, { Component } from 'react'
import { USER_STATUS_BASIC, USER_STATUS_PREMIUM, USER_STATUS_STARTER } from '../../models/User'
import { Pricing } from '../../models/Pricing'
import { StripeForm } from './StripeForm'
import axios from 'axios'
import { track } from '../../helpers/trackerHelper'
import withCurrentUser from '../currentUser/withCurrentUser'
import { compose } from 'recompose'
import _ from 'lodash'