#Overview
Awesome dev environment. Gratefully lifted from gaearon/redux-devtools/tree/master/examples/todomvc.
Right now:
##Quick start One line install. Installs dependencies, sets up some template files:
wget https://raw.githubusercontent.com/calvinfroedge/devenv/master/installer.sh && sh installer.sh
##Installing
npm install --save-dev cf-devenv
Create a file called start.js. Make sure you have this in your package.json:
"scripts": {
"start": "node start.js"
}
...with this content:
require('cf-devenv')(__dirname);
When you call npm start this will run the dev server.
Your app entry point is index.js and you'll need an index.html to serve the content from, which should include index.js (examples below).
##Customizing
If you need to customize your config (for example, to add loaders, aliases, etc.), you can pass a second argument when you require cf-devenv and customize the config with the function you set as the value of the transform key:
require('cf-devenv')(__dirname, {
transform: function(config){
config.module.loaders.push({
test: /\.json$/,
loader: 'json'
});
return config;
}
});
Any packages you install in your main project that webpack needs should still be picked up.
##Boilerplate (gets you started with a page with content, hot reloading)
index.html
<html>
<head>
<title>DevEnv</title>
</head>
<body>
<div id="root">
</div>
</body>
<script src="/static/bundle.js"></script>
</html>
index.js
import React from 'react';
import App from './App';
import './style.css';
React.render(
<App />,
document.getElementById('root')
);
App.js
import React, { Component } from 'react';
export default class App extends Component {
render() {
return (
<div>
<h1>Hello, world! (try changing me)</h1>
</div>
);
}
}
style.css
body {
background-color: black;
color: #fff;
font-family: Helvetica;
text-align:center;
padding-top: 30%;
}
#Customize
port:
devenv(__dirname, {port: 8080});
FAQs
calvinfroedge devenv, extracted from redux
The npm package cf-devenv receives a total of 0 weekly downloads. As such, cf-devenv popularity was classified as not popular.
We found that cf-devenv demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISOs are racing to adopt AI for cybersecurity, but hurdles in budgets and governance may leave some falling behind in the fight against cyber threats.
Research
Security News
Socket researchers uncovered a backdoored typosquat of BoltDB in the Go ecosystem, exploiting Go Module Proxy caching to persist undetected for years.
Security News
Company News
Socket is joining TC54 to help develop standards for software supply chain security, contributing to the evolution of SBOMs, CycloneDX, and Package URL specifications.