Panagiotis Vourtsis panvourtsis

Javascript/Front-end developer • Tech and startup enthusiast • windsurf amateur #react #reactNative #nodeJS #graphQL

panvourtsis / MFContainerUse.js

Created March 21, 2022 09:20

import ReactExampleWidget from "reactexample/Widget";

panvourtsis / ModuleFederationContainerExample.js

Last active March 21, 2022 08:52

	const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");

	module.exports = {
	mode: "development",
	devServer: {
	port: 8080,
	},
	plugins: [
	new ModuleFederationPlugin({
	name: "container",

panvourtsis / ModuleFederationSimpleExample.js

Last active March 21, 2022 08:49

	const HtmlWebpackPlugin = require("html-webpack-plugin");
	const ModuleFederationPlugin = require("webpack/lib/container/ModuleFederationPlugin");

	module.exports = {
	entry: "./src/index",
	mode: "development",
	devServer: {
	port: 8081,
	},
	plugins: [

panvourtsis / awesomeTitles.json

Created July 3, 2019 09:36

panvourtsis / epicExampleWithType.ts

Last active June 12, 2019 11:00

	const fetchUserEpic = (action$: ActionsObservable<UserActionTypes>) =>
	action$.pipe(
	ofType(FETCH_USER_REQUEST),
	switchMap(() =>
	from(API.fetch()).pipe(
	mergeMap(data => of(setUserInfo(data))),
	catchError(() => of(unsetUserInfo()))
	)
	)
	);

panvourtsis / reducer.ts

Created June 12, 2019 10:51

	import { SET_USER, SET_USER_TOKEN, UNSET_USER, UserActionTypes } from './types';
	import { User } from './types';

	const initialState: User = {
	id: null,
	name: '',
	email: '',
	};

	function userInfo(state = initialState, action: UserActionTypes): User {

panvourtsis / types.js

Last active June 12, 2019 10:50

	export const SET_USER_TOKEN = 'SET_USER_TOKEN';

	export interface SetUserTokenAction {
	type: typeof SET_USER_TOKEN;
	payload: string;
	}

	export type UserActionTypes =
	\| SetUserTokenAction
	\| ActionB // other action

panvourtsis / actionTypeChecked.js

Created June 12, 2019 10:47

	import {
	SET_USER_TOKEN,
	SetUserTokenAction,
	} from './types';
	import { simpleAction } from '../utils';

	export const setUserToken = (token: string): SetUserTokenAction =>
	simpleAction(SET_USER_TOKEN, token);

panvourtsis / panResponderExample.js

Last active June 12, 2019 09:36

RN-PanResponser

	import React from 'react';
	import { Animated } from 'react-native';

	const PanExample = () => {
	const panResponder = PanResponder.create({
	onStartShouldSetPanResponder: () => true, // we are enabling pan responder on start with this. So now we can listen tap and move
	onPanResponderMove: (evt, gestureState) => {
	// here we are listening every move
	// evt and gestureState simply returns the x,y of the movement position
	console.log('yes we are moving', gestureState.dy, gestureState.dx);

panvourtsis / takeUntilExampleEpic.js

Created March 8, 2019 19:48

	import { from, of, concat } from 'rxjs';
	import { catchError, mergeMap, switchMap, takeUntil } from 'rxjs/operators';
	import { startSubmit, stopSubmit } from 'redux-form';

	const exampleEpic = action$ =>
	action$.pipe(
	ofType(types.ACTION_REQUEST),
	switchMap(({ payload, meta }) => // yes, meta!
	concat(
	of(startSubmit(meta.formName)), // Here we define that this specific form is submitting