Skip to content

Instantly share code, notes, and snippets.

View sezeresim's full-sized avatar
👾
Working from home

Sezer Esim sezeresim

👾
Working from home
View GitHub Profile
version: '3.8'
services:
test-app:
build: .
ports:
- 3000:8080
FROM node:14-alpine
WORKDIR /app
COPY . .
RUN npm install
RUN npm install -g live-server
RUN npm run build
CMD [ "live-server","build" ]
Dockerfile
.dockerignore
.gitignore
README.md
build
node_modules
.git
@sezeresim
sezeresim / eslint rules
Last active June 12, 2021 11:22
Eslint Rules
rules: {
'react-hooks/exhaustive-deps': 'off',
eqeqeq: 'off',
'no-var': 'error',
'prefer-const': 'warn',
camelcase: 'warn',
},
General
1. Site uses a cache buster for expiring .js, .css, and images
2. JavaScript and CSS is minified and concatenated into logical groupings
3. Images have been optimized by ImageOptim (http://imageoptim.com/)
Markup
1. Code does not contain inline JavaScript event listeners
@sezeresim
sezeresim / review-checklist.md
Created February 10, 2021 22:52 — forked from bigsergey/review-checklist.md
Front-end Code Review Checklist

Review checklist

General

  1. Does the code work?
  2. Description of the project status is included.
  3. Code is easily understand.
  4. Code is written following the coding standarts/guidelines (React in our case).
  5. Code is in sync with existing code patterns/technologies.
  6. DRY. Is the same code duplicated more than twice?
import React from 'react';
import {createStackNavigator} from '@react-navigation/stack';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import Ionicons from 'react-native-vector-icons/Ionicons';
import color from '../core/colors';
//Screens
import {ProfileScreen, AccountScreen, HomeScreen, QuizScreen} from '../screens';
//
const Stack = createStackNavigator();
function AppNavigator() {
return (
<Stack.Navigator>
<Stack.Screen
name="TabNavigator"
component={TabNavigation}
options={{headerShown: false}}
/>
<Stack.Screen
name="Home"
//TabBarNavigation
const TabNavigation = () => {
return (
<Tab.Navigator
screenOptions={({route}) => ({
tabBarIcon: ({focused, color, size}) => {
let iconName;
if (route.name === 'Home') {
iconName = focused ? 'ios-search' : 'ios-search';
} else if (route.name === 'More') {
const Stack = createStackNavigator();
const Tab = createBottomTabNavigator();