Skip to content

Instantly share code, notes, and snippets.

View davidtran's full-sized avatar
:electron:
🌟ReactJS 🌟

David Tran davidtran

:electron:
🌟ReactJS 🌟
  • Vietnam
View GitHub Profile
@davidtran
davidtran / gist:3797d5b7a1d58ecc7a0c59dc1d365631
Last active October 22, 2024 09:40
Từ vựng tiếng Trung cho danh mục Động vật.
笔记本鼠
北京犬
巴哥狗
白鹭
北极熊
波士顿梗
贝尔哈特犬
八哥
百灵鸟
@davidtran
davidtran / gist:8a5062643aad0c6e3b93f60de539d726
Created October 22, 2024 09:21
Extended English words in Animal category
aardvark
abalone
acorn
alligator
alpaca
anaconda
angelfish
ant
anteater
antelope
@davidtran
davidtran / Arrow.tsx
Created June 21, 2024 10:08
Draw an arrow in React Native to connect 2 elements
import React from 'react';
import { View, StyleSheet, LayoutRectangle } from 'react-native';
import Svg, { Line, Polygon } from 'react-native-svg';
interface ArrowProps {
start: LayoutRectangle;
end: LayoutRectangle;
}
const Arrow: React.FC<ArrowProps> = ({ start, end }) => {
@davidtran
davidtran / useRequest.js
Created July 6, 2020 04:40
Simplifify pending, error from a ajax request
import React, { useState } from 'react';
const useRequest = ({ request }) => {
const [result, setResult] = useState(null);
const [error, setError] = useState(null);
const [isRunning, setIsRunning] = useState(false);
async function execute(args) {
setIsRunning(true);
try {
// Webpack configuration
const TerserPlugin = require('terser-webpack-plugin');
const webpack = require('webpack');
const path = require('path');
const isProduction = process.env.NODE_ENV === 'production';
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const Visualizer = require('webpack-visualizer-plugin');
module.exports = {
mode: isProduction ? 'production' : 'development',