Skip to content

Instantly share code, notes, and snippets.

View baluragala's full-sized avatar
🎯
Focusing

Balakrishna Ragala baluragala

🎯
Focusing
View GitHub Profile

These are generic npm scripts that you can copy & paste into your package.json file as-is and get access to convinience scripts to manage your Docker images all in one place.

Looking for npm scripts for AWS ECS? Go here!

Watch the video: Do More With Less JavaScript

Get the book: These scripts are referenced in my book Angular for Enterprise-Ready Web Applications. You can get it on https://AngularForEnterprise.com.

Evergreen Docker Containers for Static or Angular/React/Vue/etc SPA Websites

These containers are always up-to-date with the base images from latest lts channel for node and alpine.

@baluragala
baluragala / modern_js.md
Created April 17, 2019 08:26 — forked from gaearon/modern_js.md
Modern JavaScript in React Documentation

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

  • We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
  • We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav
<cdk-virtual-scroll-viewport itemSize="50" class="example-viewport">
<div *cdkVirtualFor="let item of items" class="example-item">{{item}}</div>
</cdk-virtual-scroll-viewport>
@baluragala
baluragala / sample-nginx.conf
Created May 12, 2018 10:31 — forked from dimitardanailov/sample-nginx.conf
Configuration for single page application(Framework: Angularjs, Web server: Nginx)
server {
listen 80 default deferred;
server_name myapp.com;
root /var/www/project-folder/;
# Nginx and Angularjs with html mode 5 - https://gist.github.com/cjus/b46a243ba610661a7efb
index index.html;
@baluragala
baluragala / index.js
Last active October 10, 2017 17:53
Index component that renders React component to DOM
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import TryCatch from './TryCatch'
ReactDOM.render(
/*
App component is wrapped inside TryCatch( error boundary component ). Hence any error in the App or children DOM tree,
@baluragala
baluragala / TryCatch.js
Created October 10, 2017 17:42
React error boundary component
import React, {Component} from 'react';
class TryCatch extends Component {
constructor(props) {
super(props);
/*
initial state. hasError property is used to conditionally render fallback UI.
Please not hasError property name is arbitarily chosen and can be any name of your choice
*/
this.state = {hasError: false};
<TryCatch>
<Booking/>
</TryCatch>
<TryCatch>
<Payment/>
</TryCatch>
@baluragala
baluragala / try-catch.js
Created October 7, 2017 11:30
React 16 Error boundary
import React from 'react';
import cloudLogger from './cloud-logger';
class TryCatch extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
componentDidCatch(error, info) {
@baluragala
baluragala / repeat.js
Created January 19, 2017 13:05
Command line arguments in node
[, , textToRepeat, limit] = process.argv;
for (let i = 1; i <= limit; i++) {
console.log(`${i}-${textToRepeat}`);
}
@baluragala
baluragala / JavaEnvironmentVariables.java
Created February 7, 2016 14:47
Print value for a given environment variable
import java.util.Map;
import java.util.Properties;
/**
* Created by moksha on 07/02/16.
*/
public class JavaEnvironmentVariables {
public static void main(String args[]){