Timothy Olaleke Timtech4u

Basic Vue Router Example

Basic Vue Router Example using Official Vue Router plugin

Libraries used Vuejs : http://vuejs.org/ Vue-Router: https://github.com/vuejs/vue-router/

Guide on how to create and set up a Dockerized web app using Django REST APIs and ReactJS

Hopefully this will answer "How do I setup or start a Django project using REST Framework and ReactJS?"

I created this because it was SUCH a pain in the ass setting up a project using all the latest technologies. After some research, I figured it out and have it working. The repo that implements this is located here. Feel free to use it as a boilerplate ;)

Main features:

Django REST APIs
ReactJS with Redux Pattern
Webpack module bundler manager

	package supercat1;

	import java.awt.*;
	import java.awt.event.*;
	import javax.swing.*; // Using Swing components and containers
	import java.util.Timer
	// A Swing application extends javax.swing.JFrame
	public class supercat1 extends JFrame {
	private JTextField tfCount;
	// Use Swing's JTextField instead of AWT's TextField

	#!/usr/bin/python

	import curses
	import random

	stdscr = curses.initscr()
	curses.noecho()
	curses.cbreak()
	stdscr.keypad(1)
	curses.halfdelay(1)

	<div id="vueApp">
	<header>
	<div class="wrapper">
	<h1>Vue-Resource</h1>
	<a href="#" class="btn" @click.stop="loadUsers">Load Users</a>
	</div>

	</header>

	<div class="posts">

	<script type="text/x-template" id="dropdown-template">
	<div class="dropdown" v-show="show" v-bind:class="originClass" transition="dropdown">
	<slot>No dropdown content!</slot>
	</div>
	</script>

	<script type="text/x-template" id="datagrid-template">
	<table id="{{ id }}" class="table-striped datagrid">
	<thead>
	<tr>

	import weather
	import smtp

	'''
	Send a greeting email to our customer email list
	with the daily weather forecast and schedule
	'''

	def get_emails():
	# Reading emails from a file

	'''
	Add CORS headers for tastypie APIs

	Usage:
	class MyModelResource(CORSModelResource):
	...

	class MyResource(CORSResource):
	...

	<!DOCTYPE html>
	<html>
	<head>
	<title>Vue Axios Example</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</head>
	<body>
	<div id="app">
	<ul>

	<div id="app">
	<h2>Firebase List</h2>
	<div v-for="item in items" class="item">
	<button @click="removeItem(item)">×</button> {{item.value}} <small>{{new Date(item.ts).toGMTString()}}</small>
	</div>

	<div>
	<form><input v-model="tempItem"><button @click="addItem(tempItem); tempItem = ''" :disabled="tempItem===''"> + </button> </form>
	</div>
	</div>