Skip to content

Instantly share code, notes, and snippets.

🎯
Focusing

Balakrishna Ragala baluragala

🎯
Focusing
View GitHub Profile
View npm-scripts-for-docker.md

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 Apr 17, 2019 — forked from gaearon/modern_js.md
Modern JavaScript in React Documentation
View modern_js.md

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
View virtual-scrolling.html
<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 — forked from dimitardanailov/sample-nginx.conf
Configuration for single page application(Framework: Angularjs, Web server: Nginx)
View sample-nginx.conf
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 Oct 10, 2017
Index component that renders React component to DOM
View index.js
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 Oct 10, 2017
React error boundary component
View TryCatch.js
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};
View main.jsx
<TryCatch>
<Booking/>
</TryCatch>
<TryCatch>
<Payment/>
</TryCatch>
@baluragala
baluragala / try-catch.js
Created Oct 7, 2017
React 16 Error boundary
View try-catch.js
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 Jan 19, 2017
Command line arguments in node
View repeat.js
[, , textToRepeat, limit] = process.argv;
for (let i = 1; i <= limit; i++) {
console.log(`${i}-${textToRepeat}`);
}
@baluragala
baluragala / JavaEnvironmentVariables.java
Created Feb 7, 2016
Print value for a given environment variable
View JavaEnvironmentVariables.java
import java.util.Map;
import java.util.Properties;
/**
* Created by moksha on 07/02/16.
*/
public class JavaEnvironmentVariables {
public static void main(String args[]){
You can’t perform that action at this time.