Tutorial by Examples: s

atomic types

Each instantiation and full specialization of the std::atomic template defines an atomic type. If one thread writes to an atomic object while another thread reads from it, the behavior is well-defined (see memory model for details on data races) In addition, accesses to atomic objects may establish...

Element access

1. at(pos) Returns a reference to the element at position pos with bounds checking. If pos is not within the range of the container, an exception of type std::out_of_range is thrown. The complexity is constant O(1). #include <array> int main() { std::array<int, 3> arr; ...

Rendering components

There are two options to render components on server: renderToString and renderToStaticMarkup. renderToString This will render React components to HTML on server. This function will also add data-react- properties to HTML elements so React on client won't have to render elements again. import { r...

Observer pattern

Observer Pattern's intent is to define a one-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated automatically. The subject and observers define the one-to-many relationship. The observers are dependent on the subject such that when ...

React Routing Async

import React from 'react'; import { Route, IndexRoute } from 'react-router'; import Index from './containers/home'; import App from './components/app'; //for single Component lazy load use this const ContactComponent = () => { return { getComponent: (location, callback)=> { ...

Displaying GitHub timeline / feeds on your website

This document explains how to display your GitHub feeds/timeline on your website. Example: A live example is available at: https://newtonjoshua.com GitHub timeline: GitHub provides the public timeline for any user in Atom format. You can view your timeline at: https://github.com/{{GitHub...

Simple React Component

We want to be able to compile below component and render it in our webpage Filename: src/index.jsx import React from 'react'; import ReactDOM from 'react-dom'; class ToDo extends React.Component { render() { return (<div>I am working</div>); } } ReactDOM.re...

Install all dependencies

# install react and react-dom $ npm i react react-dom --save # install webpack for bundling $ npm i webpack -g # install babel for module loading, bundling and transpiling $ npm i babel-core babel-loader --save # install babel presets for react and es6 $ npm i babel-preset-react babel-p...

HTML file to use react component

Setup a simple html file in the root of the project directory Filename: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="App"></div> ...

Transpile and bundle your component

Using webpack, you can bundle your component: $ webpack This will create our output file in build directory. Open the HTML page in a browser to see component in action

Using gen_server behavior

A gen_server is a specific finite state machine working like a server. gen_server can handle different type of event: synchronous request with handle_call asynchronous request with handle_cast other message (not defined in OTP specification) with handle_info Synchronous and asynchronous mess...

Simple Key/Value Database

This source code create a simple key/value store service based on map Erlang datastructure. Firstly, we need to define all information concerning our gen_server: -module(cache). -behaviour(gen_server). % our API -export([start_link/0]). -export([get/1, put/2, state/0, delete/1, stop/0]). %...

Memory leaks in Java

In the Garbage collection example, we implied that Java solves the problem of memory leaks. This is not actually true. A Java program can leak memory, though the causes of the leaks are rather different. Reachable objects can leak Consider the following naive stack implementation. public class ...

How to allow reading specific item from group, but prevent listing group members

It is common practice to create groups of items by creating simple value nodes with item ID as key. For example, we can add a user to the group "administrators" by creating a node at /administrators/$user_id with a value true. We don't want anyone to know who administrators are, for securi...

Installation or Setup

Detailed instructions on getting mono set up or installed.

Client side csv download using Blob

function downloadCsv() { var blob = new Blob([csvString]); if (window.navigator.msSaveOrOpenBlob){ window.navigator.msSaveBlob(blob, "filename.csv"); } else { var a = window.document.createElement("a"); a.href = window.URL.createObjectURL(blob, { ...

Pointer Operations

There are two operators for pointers: Address-of operator (&): Returns the memory address of its operand. Contents-of (Dereference) operator(*): Returns the value of the variable located at the address specified by its operator. int var = 20; int *ptr; ptr = &var; cout << var &...

Phaser environment setup (Asp.Net MVC5 - Typescript - Visual Studio 2015)

Create a new ASP.Net Project: Select the empty template: Add two new folders: App and Scripts in the root folder: Add npm configuration file in the root folder: { "version": "1.0.0", "name": "phaser.js.environment.setup", "priva...

IF...Then...Else

Dim count As Integer = 0 Dim message As String If count = 0 Then message = "There are no items." ElseIf count = 1 Then message = "There is 1 item." Else message = "There are " & count & " items." End If

Linked List implementation in C++

Creating a List Node class listNode { public: int data; listNode *next; listNode(int val):data(val),next(NULL){} }; Creating List class class List { public: listNode *head; List():head(NULL){} void insertAtBegin(int val); void insertAtEnd(int val)...

Page 779 of 1057

logo rip
SUPPORT & PARTNERS
STAY CONNECTED

Get monthly updates about new articles, cheatsheets, and tricks.