DEV Community: Vasyl Stokolosa

React Native Android Currency Formatter

Vasyl Stokolosa — Wed, 15 Sep 2021 16:06:41 +0000

Hey, Devs!

I will appreciate any feedback about this package.

https://www.npmjs.com/package/react-native-android-currency-formatter

Web Workers in React + Redux application

Vasyl Stokolosa — Wed, 24 Oct 2018 23:51:06 +0000

If you are interested in using Web Workers in React+Redux application.

Read this article

https://hackernoon.com/web-workers-in-react-redux-application-129274e84a4e

JavaScript library that provides useful functional programming helpers

Vasyl Stokolosa — Wed, 10 Oct 2018 22:13:48 +0000

Just curious, have you ever had a moment when you realized that you’ve already written that helper?

I had, so decided to start collecting them into the package.
Join 😉

I will appreciate any thoughts and feedbacks.
Thanks!

shystruk / famulus

JavaScript library that provides useful functional programming helpers. Add your own 👍

famulus

JavaScript library that provides a useful functional programming helpers. Do not wait, fork and add your own 🔧💪

Installation

npm

npm install --save famulus

yarn

yarn add famulus --save

Usage

ES6 module

import famulus from 'famulus'

import helper from 'famulus/helper'

Node.js

const famulus = require('famulus')

const helper = require('famulus/helper')

Documentation

String

substr

Object

objectInterface

Array

Date

Contributing

Please read the Contributions Guidelines before adding your own helper or improvement to code snippets, explanations, etc.

License

MIT © Vasyl Stokolosa

View on GitHub

Review. Do you find it helpful? objectInterface

Vasyl Stokolosa — Fri, 28 Sep 2018 09:40:24 +0000

One time I’ve found difficult to find out what data we should send to a server for that or this request. We have not had a docs, so a good solution was to move required keys to an interface and each time you call it you have correct structured data.

I will appreciate any thoughts and feedbacks.
Thanks!

https://github.com/shystruk/famulus/blob/master/objectInterface.js

Review. Event dispatcher based on the CustomEvent interface

Vasyl Stokolosa — Tue, 25 Sep 2018 22:01:36 +0000

I will appreciate some review for CustomEvent package https://github.com/shystruk/custom-event-js.

The Custom Event Dispatcher provides the ability to communicate inside your application by dispatching events and listening to them. It works in all popular browsers, including Internet Explorer 9 and higher.

This is one of the best ways to communicate between your components (universal).

Thanks!

Moving project’s components/services into packages (the separation of concerns)

Vasyl Stokolosa — Mon, 10 Sep 2018 19:06:09 +0000

Whether starting a small project or having a huge one the separation of concerns is going to be a key point for easy maintenance, testability, reusability.

Why should you move components/services into packages? ☝️
Check it out

Integrate Custom Elements into React app

Vasyl Stokolosa — Fri, 24 Aug 2018 17:33:17 +0000

Web Components in React with support in all popular browsers, including IE 11

If you are interested in Custom Elements, check this out.

https://codeburst.io/integrate-custom-elements-into-react-app-ef38eba12905

Integration example is here.

shystruk / create-react-redux-app-structure

Create React + Redux app structure with build configurations ✨

Create React Redux App Structure

Create React + Redux app structure with build configurations.

What can I find here?

Express, Cors
React + Redux, ES6, async/await
Web Components (Custom Elements) integration
React Router
Internationalization
SASS
PostCSS (autoprefixer), so you do not need -webkit, -moz or other prefixes
Build script configuration Development, Staging, Production with CDN, cache-busting support
Build script to bundle JS, CSS, with sourcemaps
Unit tests Jest, Enzyme
E2E Cypress tests
ESLint
Ghooks (pre-commit with unit tests and eslint validation)
Code Coverage (https://codecov.io)
Travis CI runs Unit and E2E tests and report to codecov

Quick Start

Create React + Redux app structure works on macOS, Windows, and Linux If something doesn’t work, please file an issue.

npm

npm i -g create-react-redux-app-structure

yarn

yarn add global create-react-redux-app-structure

create-react-redux-app-structure my-app
cd my-app/
npm run fast-start

http://localhost:8080/ will be opened automatically.

When you are ready to…

View on GitHub

If you have some experience working with Custom Elements I will appreciate your thoughts and feedbacks 👍