Tutorial by Examples: s

The simplest react component without a state and no properties can be written as: import * as React from 'react'; const Greeter = () => <span>Hello, World!</span> That component, however, can't access this.props since typescript can't tell if it is a react component. To access ...

VueJS can be used to easily handle user input as well, and the two way binding using v-model makes it really easy to change data easily. HTML : <script src="https://unpkg.com/vue/dist/vue.js"></script> <div id="app"> {{message}} <input v-model="...

Campaign Monitor built a nifty tool that generates code for buttons in HTML email. It uses a cominbation os CSS and VML (for Microsoft Outlook) to display background images or patterns in most major email clients. <div><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft...

This technique relies on padding at the table cell level to structure the button, and both HTML attributes and CSS to style the button. No VML means simpler code, but no background images in Outlook. <table width="100%" border="0" cellspacing="0" cellpadding="0...

This technique relies on adding thick borders to the link itself to build the button's CTA. Using borders is universally understood by email clients, but limit button appearance solid colors. <table width="100%" border="0" cellspacing="0" cellpadding="0"&g...

This technique uses a combination of border-based and padding-based buttons, styling the link with both padding and at least a solid 1px border. The background color needs to be applied to the instead of the in this instance because Outlook does recognize horizontal padding on the tag (since it's...

This button derives from this example by Email on Acid. It is entirely code-based, so it will display without images downloaded, and the entire button is hoverable + clickable. Additionally, this example also includes spacers to help control how much vertical space appears before and after the butt...

SELECT 1 NUM_COLUMN, 'foo' VARCHAR2_COLUMN from DUAL UNION ALL SELECT NULL, NULL from DUAL; NUM_COLUMNVARCHAR2_COLUMN1foo(null)(null)

SELECT 1 a, '' b from DUAL; AB1(null)

SELECT 3 * NULL + 5, 'Hello ' || NULL || 'world' from DUAL; 3*NULL+5'HELLO'||NULL||'WORLD'(null)Hello world

If the first parameter is NOT NULL, NVL2 will return the second parameter. Otherwise it will return the third one. SELECT NVL2(null, 'Foo', 'Bar'), NVL2(5, 'Foo', 'Bar') FROM DUAL; NVL2(NULL,'FOO','BAR')NVL2(5,'FOO','BAR')BarFoo

SELECT COALESCE(a, b, c, d, 5) FROM (SELECT NULL A, NULL b, NULL c, 4 d FROM DUAL); COALESCE(A,B,C,D,5)4 In some case, using COALESCE with two parameters can be faster than using NVL when the second parameter is not a constant. NVL will always evaluate both parameters. COALESCE will stop a...

To navigate to a newest page, we can use the Navigate() method from the frame. contentRoot.Navigate(typeof(MyPage), parameter); where contentRoot is the Frame instance and MyPage a control inheriting from Page In MyPage, the OnNavigatedTo() method will be called once the navigation will complet...

A function that extends the functionality of the array by creating an object oriented remove function. // Need to restrict the extension to elements that can be compared. // The `Element` is the generics name defined by Array for its item types. // This restriction also gives us access to `index(...

There are some spawning rules in Worlds in Bukkit. They are: Animal Spawning Creature Spawning Amount of the above that can be spawned Animal Spawning Animal spawning can be split into the following categories: Water Animals Land Animals To get the amount of animals that can be...

Detailed instructions on getting c++-cli set up or installed.

A good way to visualize a 2d array is as a list of lists. Something like this: lst=[[1,2,3],[4,5,6],[7,8,9]] here the outer list lst has three things in it. each of those things is another list: The first one is: [1,2,3], the second one is: [4,5,6] and the third one is: [7,8,9]. You can access ...

There is a particular syntax that allow us to write cons cell in a more compact way than using the cons constructor. A pair can be written as such: '(1 . 2) == (cons 1 2) The big difference is that we can create pairs using quote. Otherwise, Scheme would create a proper list (1 . (2 . '())). T...

The data in the pair can be accessed with utility functions. To access the car, we have to use the car function. (car (cons a b)) > a Also we can verify the following equality: (eq? a (car (cons a b))) > #t

To access the cdr, we have to use the cdr function. (cdr (cons a b)) b Also we can verify the following equality: (eq? b (cdr (cons a b))) #t