Installation

Introduction

MERN.JS is a MVC JavaScript web application framework written using Node.js, Express.js, React.js, released as free and open-source software under the MIT License. It is designed to make it easy to build Javascript web applications and APIs. It's good for building realtime features like chat.

Examples

PrismJS is used as the syntax highlighter here. You can build your own version via their website should you need to.

Useful Tip:

You can use this online HTML entity encoder/decoder to generate your code examples.

HTML Code Example
<!DOCTYPE html> 
<html lang="en"> 
...
<div class="jumbotron"> 
<h1>Hello, world!</h1> 
<p>...</p> 
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> 
</div>
<div class="jumbotron"> 
<h1>Hello, world!</h1> 
<p>...</p> 
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> 
</div>
...
</html>
CSS Code Example
/* ======= Base Styling ======= */
body {
font-family: 'Open Sans', arial, sans-serif; 
color: #333; 
font-size: 16px; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
}
SCSS Code Example
@mixin transform($property) {
-webkit-transform: $property;
-ms-transform: $property;
transform: $property;
}

.box { @include transform(rotate(30deg)); }
LESS Code Example
@base: #f04615;
@width: 0.5;

.class {
width: percentage(@width); // returns `50%`
color: saturate(@base, 5%);
background-color: spin(lighten(@base, 25%), 8);
}
JavaScript Code Example
<script> 
function myFunction(a, b) { 
return a * b; 
} 

document.getElementById("demo").innerHTML = myFunction(4, 3); 
</script>
Handlebars Code Example
Handlebars.registerHelper('list', function(items, options) { 
var out = "<ul>"; 

for(var i=0, l=items.length; i<l; i++) { 
out = out + "<li>" + options.fn(items[i]) + "</li>"; 
} 

return out + "</ul>"; 
});
Git Code Example
$ git add Documentation.txt

Reference

Array Functions

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusamus numquam quidem ad tempora magni possimus et sequi ipsum corrupti optio. Minus inventore est consequuntur amet doloremque necessitatibus, explicabo fuga aut?

Functions Description
concat() Joins two or more arrays, and returns a copy of the joined arrays
copyWithin() Copies array elements within the array, to and from specified positions
entries() Returns a key/value pair Array Iteration Object
Mail Functions

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt, fugit hic vero accusantium eum perspiciatis harum mollitia possimus voluptate libero, autem quod officiis quae earum cupiditate quibusdam, non fugiat sint.

Functions Description
Mark Otto

Copyright © 2020 Mernjs Community. All Rights Reserved.