madhawa priyashantha madhawa-se

Reddit post 2020/04/04 - React: Choosing a Frontend Framework/Library

The right question is: is there added value in reinventing the wheel? (button, form controls, badge, card, spinner, modal...). The existing wheels will probably ride better than yours.

I would go with vanilla Bootstrap (just the Sass part, not the JS part).

Bootstrap

Bootstrap CSS utilities are very nice: same principles as Tailwind CSS.

Interview Questions

Node.js

Q1: What do you mean by Asynchronous API? ☆☆

Answer: All APIs of Node.js library are aynchronous that is non-blocking. It essentially means a Node.js based server never waits for a API to return data. Server moves to next API after calling it and a notification mechanism of Events of Node.js helps server to get response from the previous API call.

Source: tutorialspoint.com

Group Array of JavaScript Objects by Key or Property Value

Implementation

const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;

#Webpack + ES6 + Sass + Live reload

Basic example of webpack config to work with sass, es6 and live reload.

To get live reload working you need:

get package.json and webpack.config.js to your project foldee
run in terminal npm install
add this script <script src="http://localhost:35729/livereload.js"></script> to your index.html
create src folder and src files
run in terminal webpack

	import 'package:flutter/material.dart';

	void main() => runApp(MyApp());

	class MyApp extends StatelessWidget {
	// This widget is the root of your application.
	@override
	Widget build(BuildContext context) {
	return MaterialApp(
	title: 'Flutter Demo',

	import 'dart:math' as math;

	import 'package:flutter/material.dart';

	void main() => runApp(MyApp());

	class MyApp extends StatelessWidget {
	@override
	Widget build(BuildContext context) {
	return MaterialApp(

	#include "Mesh.h"

	Mesh::Mesh()
	{
	VAO = 0, VBO = 0, IBO = 0, indexCount = 0;
	}

	void Mesh::CreateMesh(GLfloat* vertices, unsigned int* indices, unsigned int numOfVertices, unsigned int numOfIndices)
	{
	indexCount = numOfIndices;

	ElementHandle {
	_context:
	ExecutionContext {
	_client:
	CDPSession {
	_events: [Object],
	_eventsCount: 27,
	_maxListeners: undefined,
	_callbacks: Map {},
	_connection: [Connection],

	// Update to 8pt Grid System
	$grid-gutter-width: 32px !default;
	$container-max-widths: (sm: 480px, md: 736px, lg: 992px, xl: 1200px) !default;
	$grid-breakpoints: (xs: 0, sm: 512px, md: 768px, lg: 1024px, xl: 1200px ) !default;

	# Read the file and get the DNA string
	file = open('sample_dna.txt', 'r')
	dna = file.read()

	print "DNA Sequence: ", dna

	# DNA codon table
	protein = {"TTT" : "F", "CTT" : "L", "ATT" : "I", "GTT" : "V",
	"TTC" : "F", "CTC" : "L", "ATC" : "I", "GTC" : "V",
	"TTA" : "L", "CTA" : "L", "ATA" : "I", "GTA" : "V",