deno.tar.gz

Deno

Deno is a simple and secure runtime for JavaScript and TypeScript and it’s on the rise. It has many similarities to Node, but it also has some useful new features such as: security by default, TypeScript by default, ES modules, and improved package management.

If you want to be on the cutting edge of the latest web development technologies then Deno is a good start.

In this mini course, you will first refresh your understanding of TypeScript, as it is extensively used with Deno. You will cover the basic types as well as interfaces and classes.

In the second half of this course, you will learn how to create a CRUD REST API using Deno and Oak. By the end of this course, you can add a great new skill to your resume and you can start experimenting with it in old or new projects.

Creating a CRUD REST API with Deno & Oak

# Get all your books
Let's go ahead and make our mock data. We'll use an array of JSON objects to define a list of books.

export interface IBook {
    id: string;
    name: string;
    author: string;
    genre: string;   
}

import { Application } from "https://deno.land/x/oak/mod.ts";
import router from './routes/routes.ts';

const port = 8000;

const app = new Application();

app.use(router.routes());
app.use(router.allowedMethods());

console.log(`server running at ${port}`)
await app.listen({ port });

import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


React

Dart

GoJS React

Typescript React

Vue.js

Go ahead and open up `books.ts`. You should notice many new changes. Let's start at the top. 
- See the import statement mention `types.ts` in `line 1`? Open the file. 
- We've defined an interface, `IBook`, in `line 1`, with the basic shape of the data pertaining to a single book. It has the attributes of `name, author, id`, and `genre`. In essence, we have defined a custom type, which we can use to define our data.

- Switch back to `books.ts` and you'll notice an array of JSON object `books` on `line 3`, which is of type `IBook[]`- i.e., an array of our custom type. Each book has an id, name , author, and genre. 
- Scrolling down, you'll find our old `getBooks` method in `line 42`. Now, instead of "Hello World", we're returning to a JSON object with two attributes: `success`, which will be true, and `data`, which has the value of our `books` array. 
- Now, if you run your app and make a `GET` request to the URL with `/api/v1/books` appended to it, you'll get the following:

{
    "success": true,
    "data": [
        {
            "id": "1",
            "name": "The Great Gatsby",
            "author": "F.Scott Fitzgerald",
            "genre": "fiction"
        },
        {
            "id": "2",
            "name": "Little Women",
            "author": "Louisa May Alcott",
            "genre": "fiction"
        },
        {
            "id": "3",
            "name": "Pride and Prejudice",
            "author": "Jane Austen",
            "genre": "romance"
        },
        {
            "id": "4",
            "name": "1984",
            "author": "George Orwell",
            "genre": "sci-fi"
        },
        {
            "id": "5",
            "name": "Moby Dick",
            "author": "Herman Melville",
            "genre": "epic"
        },
        {
            "id": "6",
            "name": "Animal Farm",
            "author": "George Orwell",
            "genre": "allegory"
        }
    ],
}


There you go! Now you've made up one route of your REST API. Let's go ahead and add the rest.

# Get a single book
We have a route for getting the details of all the books, i.e., `/api/v1/books`. However, we might want to get the details of just one book, right? So we'll define another route, `/api/v1/books/:id`, where the `:id` is a parameter that a user will provide to get the details of a particular book with that id. 

In this lesson, we'll be adding a few new routes and return mock data as responses.

__default

Adding New Routes

Get all your books