Skip to content

Instantly share code, notes, and snippets.

View dammyson's full-sized avatar

Ayeni Ayobami dammyson

View GitHub Profile
import React from "react";
import { View, Text, StyleSheet, Dimensions } from "react-native";
import SearchHOC from "./SearchHOC";
const { height, } = Dimensions.get("screen");
const TodoList = ({data}) => {
let renderTodo = data.map((todo) => {
return (
<View key={todo.id} style={styles.row}>
import React from "react";
import { View, Text, StyleSheet, Dimensions } from "react-native";
import SearchHOC from "./SearchHOC";
const { height } = Dimensions.get("screen");
const UserList = ({ data }) => {
let renderUsers = data.map((user) => {
return (
<View key={user.id} style={styles.row}>
import React from "react";
import { View, Text, StyleSheet, Dimensions, TextInput } from "react-native";
const { height, width } = Dimensions.get("screen");
const SearchHOC = (Component, entity) => {
return class extends React.Component {
state = {
data: [],
search: "",
import React, { useEffect, useState } from "react";
import { View, Text, StyleSheet, Dimensions, TextInput } from "react-native";
const { height, width } = Dimensions.get("screen");
const UserList = () => {
const [users, setUsers] = useState([])
const [search, setSearch] = useState("")
useEffect(() => {
const fetchUsers = async () => {
const triple = multiplyBy(3);
console.log(triple(4)) //result: 12
@dammyson
dammyson / hof_2.js
Created July 31, 2022 15:40
using the hof
const double = multiplyBy(2);
console.log(double(4)) //result: 8
function multiplyBy(a) {
return function(b) {
return a * b;
};
}
@dammyson
dammyson / SuperHero.js
Created July 17, 2022 01:04
SuperHero functional component
function SuperHero(){
}
const MemoizedSuperHero = React.memo(MovieTitle)
export default MemoizedSuperHero;
@dammyson
dammyson / SuperHero.js
Created July 17, 2022 00:49
SuperHero with PureComponent
import React from 'react';
import {Text} from 'react-native';
export default class SuperHero extends React.PureComponent {
render() {
console.warn("SuperHero is rendered");
return (
<Text style={{ fontWeight: "bold" }}>SuperHero: {this.props.hero} </Text>
);
}
@dammyson
dammyson / SuperHero.js
Last active July 17, 2022 00:49
SuperHero with normal component
import React from 'react';
import {Text} from 'react-native';
export default class SuperHero extends React.Component {
render() {
console.warn("SuperHero is rendered");
return (
<Text style={{ fontWeight: "bold" }}>SuperHero: {this.props.hero} </Text>
);
}