A radar chart visualizes multivariate data in a 2D chart of three or more quantitative variables represented on axes.
The project is created using AngularJS and D3.js.
/*jslint | |
indent: 4, | |
maxerr: 50, | |
white: true, | |
browser: true, | |
vars: true | |
*/ | |
/*global | |
CKEDITOR | |
*/ |
import React from 'react'; | |
import { Text, View, TouchableOpacity, VibrationVibration, Dimensions } from 'react-native'; | |
import { Camera, Permissions, FileSystem } from 'expo'; | |
import { Ionicons, Entypo } from '@expo/vector-icons'; | |
const { width, height } = Dimensions.get('window'); | |
export default class CameraScreen extends React.Component { | |
state = { |
birthday = Date.parse('2013/03/27'); | |
age = ~~((Date.now() - birthday) / (31557600000)); |
create or replace function add_on_update_trigger | |
(schema_name text, table_name text, column_name text) | |
returns void AS $body$ | |
declare | |
target_table text = | |
quote_ident(schema_name) || '.' || quote_ident(table_name); | |
trig_name text = | |
quote_ident( | |
'update_' || schema_name || '_' || table_name || '_' || column_name | |
); |
apk add --no-cache --virtual=build-dependencies build-base ncurses-dev icu-dev tar | |
apk add --no-cache --virtual=build-dependencies --repository http://dl-3.alpinelinux.org/alpine/edge/testing/ shadow | |
mkdir /work && cd /work | |
wget -O firebird-source.tar.bz2 http://downloads.sourceforge.net/project/firebird/firebird/2.5.4-Release/Firebird-2.5.4.26856-0.tar.bz2 | |
tar --strip=1 -xf firebird-source.tar.bz2 | |
#Patch rwlock.h (this has been fixed in later release of firebird 3.x) | |
sed -i '194s/.*/#if 0/' src/common/classes/rwlock.h |
A radar chart visualizes multivariate data in a 2D chart of three or more quantitative variables represented on axes.
The project is created using AngularJS and D3.js.
1.create google app (google console) | |
Example: | |
Client ID xxx.apps.googleusercontent.com | |
Email address xxx@developer.gserviceaccount.com | |
Client secret xxx | |
Redirect URIs | |
https://localhost/oauth2callback | |
Javascript Origins | |
https://localhost |
It’s common these day when React & React Native developers use State management library (like Redux). I’ve been using React & React Native for a while now and found out that Pure React is actually not bad. In this article I will share my way of doing things with React & React Native purely, without State management library (represented by Redux).
For those of you who are struggling learning Redux, because of the overwhelming of the whole React/JSX/Babel/Webpack/Native Component/Native Module/.. and have to add Redux to the list just to solve some of React problems, or because of the high learning curve of Redux, I hope you find this article helpful.
Assuming you have some knowledge of React, I will jump right in the problems that most of us encoutered at the beginning of time learning React:
pass data down, pass event up
makes us to pass data & function via props and it's hard to manage when amount of props gets huge. (Comunication between componentTiny wrapper component for React-Datepicker to stylistically fit with Chakra-UI 1.x.
<DatePicker selectedDate={myDate} onChange={(d) => console.log(d)} />
import {useCallback, useRef, useEffect} from 'react' | |
import {useField, useFormikContext} from 'formik' | |
import update from 'immutability-helper' | |
const useFieldArray = props => { | |
const [field, meta] = useField(props) | |
const fieldArray = useRef(field.value) | |
const {setFieldValue} = useFormikContext() | |
useEffect(() => { |