Skip to content

Instantly share code, notes, and snippets.

View adeelibr's full-sized avatar
🥋
doing bat shit crazy stuff with code

Adeel Imran adeelibr

🥋
doing bat shit crazy stuff with code
View GitHub Profile
@adeelibr
adeelibr / useReducerExample.js
Created November 4, 2018 12:29
React Hooks useReducer Part 2
const reducer = (state, action) => {
switch (action.type) {
case 'increment': {
return { ...state, count: state.count + 1, loading: false };
}
case 'decrement': {
return { ...state, count: state.count - 1, loading: false };
}
case 'loading': {
return { ...state, loading: true };
@adeelibr
adeelibr / useReducerExample.js
Created November 4, 2018 12:14
React Hooks useReducer
import React, { useReducer } from 'react';
const initialState = {
loading: false,
count: 0,
};
const reducer = (state, action) => {
switch (action.type) {
case 'increment': {
@adeelibr
adeelibr / MedicationReport.js
Created November 1, 2018 13:06
Test #1 venD
import React, { Component, Fragment } from 'react';
import { Link } from 'react-router-dom';
import { Prompt } from 'react-router';
import { Form, Icon } from 'antd';
import { I18n } from 'react-i18next';
import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
import {
GetMedications,
CompleteReport,
ChangeReportStatus,
@adeelibr
adeelibr / WelcomeMessage.test.js
Last active December 15, 2018 05:33
Jest-Enzyme-Config-Article Part-5
import React from 'react';
import { shallow } from ‘enzyme’;
// Components
import WelcomeMessage from './WelcomeMessage';
function setup() {
const props = {
imgPath: 'some/image/path/to/a/mock/image',
};
@adeelibr
adeelibr / WelcomeMessage.js
Last active March 27, 2019 13:45
Jest-Enzyme-Config-Article Part-4
import React, { Fragment } from 'react';
const styles = {
heading: {
color: '#fff',
textAlign: 'center',
marginBottom: 15,
},
logo: {
width: 250,
@adeelibr
adeelibr / enzyme.config.js
Created October 28, 2018 09:21
Jest-Enzyme-Config-Article Part-3
/** Used in jest.config.js */
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
configure({ adapter: new Adapter() });
@adeelibr
adeelibr / jest.config.js
Last active October 28, 2018 10:50
Jest-Enzyme-Config-Article Part-2
// For a detailed explanation regarding each configuration property, visit:
// https://jestjs.io/docs/en/configuration.html
module.exports = {
// Automatically clear mock calls and instances between every test
clearMocks: true,
// An array of glob patterns indicating a set of files for which coverage information should be collected
collectCoverageFrom: ['src/**/*.{js,jsx,mjs}'],
@adeelibr
adeelibr / package.json
Created October 28, 2018 08:14
Jest-Enzyme-Config-Article Part-1
{
"name": "react-boiler-plate",
"version": "1.0.0",
"description": "A react boiler plate",
"main": "src/index.js",
"author": "Adeel Imran",
"license": "MIT",
"scripts": {
"test": "jest",
"test:watch": "jest --watch",
@adeelibr
adeelibr / .editorconfig
Created October 16, 2018 08:28
Prettier-Eslinst-Editor-Config-Article Part-9
# EditorConfig is awesome: http://EditorConfig.org
# top-most EditorConfig file
root = true
[*.md]
trim_trailing_whitespace = false
[*.js]
trim_trailing_whitespace = true
@adeelibr
adeelibr / settings.json
Last active October 15, 2018 18:11
Prettier-Eslinst-Editor-Config-Article Part-8
{
"editor.formatOnSave": false,
"eslint.autoFixOnSave": true,
}