Blog Spot!


Check for Listening Ports in Linux - Ports in use

netstat

sudo netstat -tunlp

-t - Show TCP ports.
-u - Show UDP ports.
-n - Show numerical addresses instead of resolving hosts.
-l - Show only listening ports.
-p - Show the PID and name of the listener’s process. This information is shown only if you run the command as root or sudo user.

ss

sudo ss -tunlp

ss is new netstat. It lacks some of the netstat features but exposes more TCP states and it is slightly faster.

lsof

sudo lsof -nP -iTCP -sTCP:LISTEN
# or
sudo lsof -i tcp:80 -n -P

lsof is a powerful command-line utility that provides information about files opened by processes.

-n - Do not convert port numbers to port names.
-p - Do not resolve hostnames, show numerical addresses.
-iTCP -sTCP:LISTEN - Show only network files with TCP state LISTEN.

article

Added on 10.Dec.2019
Tags: linux terminal netstat ss lsof ports tcp udp sockets

Everything React

Articles

  • Add state and life-cycle methods to Function Components
  • Create a Custom useFetch() React Hook - code
  • 10 React Hooks you Should Have in Your Toolbox
  • Application store with Hooks & Context - code

Videos

  • Here's How to Use React Hooks with Redux - code
  • Academind - React Hooks Crash Course
  • Cancelling an Axios request in a useEffect hook
  • Hooks Change The Way We Build Forms - code

Courses

  • Pluralsight - Building Apps with React and Redux - files

Code Examples

  • React Router
  • Minimal Webpack configuration for React app
  • Redux Basic Example

Added on 27.Nov.2019
Tags: react redux hooks fetch spa js axios router react-router

Everything Vue.JS

  • Awesome Vue.js - A curated list of awesome things related to Vue.js.
  • Vue 3 State Management Guide

Added on 12.Nov.2019
Tags: vue js vuejs spa lib awesome-list state

Hyperapp v.2 Example

import { h, app } from "hyperapp";

// State init
const initialState = {
  counter: 0,
  text: "yo!"
};

const ResetState = () => {
  return {
    ...initialState
  };
};

// Action example
const Increment = state => {
  return {
    ...state,
    counter: ++state.counter
  };
};

// Component example
const LineSpace = () => h("div", { class: "line-space" });

// hyperapp init
app({
  init: { ...initialState },
  view: state => {
    return h("div", {}, [
      h("p", {}, `Now is ${state.counter}`),
      LineSpace(),
      h("button", { onClick: Increment }, "+"),
      h("p", {}, ` text: ${state.text}`),
      LineSpace(),
      h("button", { onClick: ResetState }, "Reset")
    ]);
  },
  node: document.getElementById("app")
});

Added on 23.Oct.2019
Tags: hyperapp jsx mini js spa front-end

Node.js Security Checklist

Security - the elephant in the room. Everyone agrees that it is very important but few takes it seriously. We at RisingStack want you to do it right - this is why we have put together this checklist to help you guide through the must have security checks before your application is enabled to thousands of users/customers.

node-js-security-checklist

NPM Packages:

Added on 15.Oct.2019
Tags: security node js

Search


PHP Libraries


Carbon lib / docs
Idiorm lib / docs
Image Workshop lib / docs
lorenzos/Minixed lib / docs
Parsedown lib / docs
PHP Paginator lib / docs
PHP Redis lib / docs
QrCode lib / docs
Requests lib / docs
Slim lib / docs
Spyc lib / docs
TWIG lib / docs
Upload lib / docs
Validation lib / docs
Zebra Image lib / docs

JS Libraries


AJV lib / docs
BackboneJS lib / docs
Bootstrap Notify lib / docs
C3.js lib / docs
ChartJS lib / docs
FastMD5 lib / docs
HighlightJS lib / docs
jQuery-Storage lib / docs
JS-Cookie lib / docs
Leaflet JS lib / docs
LowDB lib / docs
Marked lib / docs
NeedlyJS lib / docs
ParcelJS lib / docs
RequireJS lib / docs
Swig lib / docs
Toastr lib / docs
Underscore lib / docs
ValidateJS lib / docs
top