+ Hire a JavaScript engineer who's experienced in HTML5, + Node.js, MongoDB, and Agile Development. +
+ +- Hire a JavaScript engineer who's experienced in HTML5, - Node.js, MongoDB, and Agile Development. -
- -
-
- -- -- We hired our last developer out of Free Code Camp - and couldn't be happier. Free Code Camp is now - our go-to way to bring on pre-screened candidates - who are enthusiastic about learning quickly and - becoming immediately productive in their new career. -
- -
+
+ ++ ++ We hired our last developer out of Free Code Camp + and couldn't be happier. Free Code Camp is now + our go-to way to bring on pre-screened candidates + who are enthusiastic about learning quickly and + becoming immediately productive in their new career. +
+ +
@@ -60,9 +66,10 @@ export default React.createClass({
-
-
);
}
-});
+}
diff --git a/common/app/routes/Jobs/components/Preview.jsx b/common/app/routes/Jobs/components/Preview.jsx
index 804b34b6d8..7509408e50 100644
--- a/common/app/routes/Jobs/components/Preview.jsx
+++ b/common/app/routes/Jobs/components/Preview.jsx
@@ -1,79 +1,94 @@
+import { CompositeDisposable } from 'rx';
import React, { PropTypes } from 'react';
import { Button, Row, Col } from 'react-bootstrap';
-import { contain } from 'thundercats-react';
+import { connect } from 'react-redux';
+import PureComponent from 'react-pure-render/component';
+import { goBack, push } from 'react-router-redux';
import ShowJob from './ShowJob.jsx';
import JobNotFound from './JobNotFound.jsx';
-export default contain(
- {
- store: 'appStore',
- actions: [
- 'appActions',
- 'jobActions'
- ],
- map({ jobsApp: { form: job = {} } }) {
- return { job };
+import { clearForm, saveJob } from '../redux/actions';
+
+const mapStateToProps = state => ({ job: state.jobsApp.newJob });
+
+const bindableActions = {
+ goBack,
+ push,
+ clearForm,
+ saveJob
+};
+
+export class JobPreview extends PureComponent {
+ constructor(...args) {
+ super(...args);
+ this._subscriptions = new CompositeDisposable();
+ }
+
+ static displayName = 'Preview';
+
+ static propTypes = {
+ job: PropTypes.object,
+ saveJob: PropTypes.func,
+ clearForm: PropTypes.func,
+ push: PropTypes.func
+ };
+
+ componentWillMount() {
+ const { push, job } = this.props;
+ // redirect user in client
+ if (!job || !job.position || !job.description) {
+ push('/jobs/new');
}
- },
- React.createClass({
- displayName: 'Preview',
+ }
- propTypes: {
- appActions: PropTypes.object,
- job: PropTypes.object,
- jobActions: PropTypes.object
- },
+ componentWillUnmount() {
+ this._subscriptions.dispose();
+ }
- componentDidMount() {
- const { appActions, job } = this.props;
- // redirect user in client
- if (!job || !job.position || !job.description) {
- appActions.goTo('/jobs/new');
- }
- },
+ handleJobSubmit() {
+ const { clearForm, saveJob, job } = this.props;
+ clearForm();
+ const subscription = saveJob(job).subscribe();
+ this._subscriptions.add(subscription);
+ }
- render() {
- const { appActions, job, jobActions } = this.props;
+ render() {
+ const { job, goBack } = this.props;
- if (!job || !job.position || !job.description) {
- return
-
+ );
+ }
+}
+
+export default reduxForm(
+ {
+ form: 'NewJob',
+ fields,
+ validate: validateForm
+ },
+ state => ({ initialValues: state.jobsApp.initialValues }),
+ {
+ loadSavedForm,
+ push,
+ saveForm
+ }
+)(NewJob);
diff --git a/common/app/routes/Jobs/components/NewJobCompleted.jsx b/common/app/routes/Jobs/components/NewJobCompleted.jsx
index 4f11a2371d..8767960e38 100644
--- a/common/app/routes/Jobs/components/NewJobCompleted.jsx
+++ b/common/app/routes/Jobs/components/NewJobCompleted.jsx
@@ -2,8 +2,8 @@ import React from 'react';
import { LinkContainer } from 'react-router-bootstrap';
import { Button, Col, Row } from 'react-bootstrap';
-export default React.createClass({
- displayName: 'NewJobCompleted',
+export default class extends React.createClass {
+ static displayName = 'NewJobCompleted';
render() {
return (
@@ -36,4 +36,4 @@ export default React.createClass({
-
-
-
-
- );
+ if (!job || !job.position || !job.description) {
+ return -
-
-
-
-
-
+
+
+
+
+ );
+ }
+}
+
+export default connect(mapStateToProps, bindableActions)(JobPreview);
diff --git a/common/app/routes/Jobs/components/Show.jsx b/common/app/routes/Jobs/components/Show.jsx
index 5ccee6e131..410c7cfcf6 100644
--- a/common/app/routes/Jobs/components/Show.jsx
+++ b/common/app/routes/Jobs/components/Show.jsx
@@ -1,6 +1,12 @@
import React, { PropTypes } from 'react';
-import { History } from 'react-router';
-import { contain } from 'thundercats-react';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import { push } from 'react-router-redux';
+import PureComponent from 'react-pure-render/component';
+import { createSelector } from 'reselect';
+
+import contain from '../../../utils/professor-x';
+import { fetchJobs } from '../redux/actions';
import ShowJob from './ShowJob.jsx';
import JobNotFound from './JobNotFound.jsx';
@@ -51,86 +57,90 @@ function generateMessage(
"You've earned it, so feel free to apply.";
}
-export default contain(
- {
- store: 'appStore',
- fetchAction: 'jobActions.getJob',
- map({
- username,
- isFrontEndCert,
- isBackEndCert,
- jobsApp: { currentJob }
- }) {
- return {
- username,
- job: currentJob,
- isFrontEndCert,
- isBackEndCert
- };
- },
- getPayload({ params: { id } }) {
- return id;
- },
- isPrimed({ params: { id } = {}, job = {} }) {
- return job.id === id;
- },
- // using es6 destructuring
- shouldContainerFetch({ job = {} }, { params: { id } }
- ) {
- return job.id !== id;
- }
- },
- React.createClass({
- displayName: 'Show',
-
- propTypes: {
- job: PropTypes.object,
- isBackEndCert: PropTypes.bool,
- isFrontEndCert: PropTypes.bool,
- username: PropTypes.string
- },
-
- mixins: [History],
-
- componentDidMount() {
- const { job } = this.props;
- // redirect user in client
- if (!isJobValid(job)) {
- this.history.pushState(null, '/jobs');
- }
- },
-
- render() {
- const {
- isBackEndCert,
- isFrontEndCert,
- job,
- username
- } = this.props;
-
- if (!isJobValid(job)) {
- return +
+
+
+
+
+