remotework.in – React and ES6 by example
If you’ve followed the news about Meteor 1.2 you may came across React.js and ECMAScript 2015 (formerly ECMAScript 6) which will play a huge role in the 1.2 release and the future of Web development in general.
Today I want to show you a project I’ve started a few days ago which is open source and should make it easier to get started with Meteor, ES6 and React.
I could post some code snippets here and go through the code but I think that there are already some great tutorials out there (see “Additional Resources” below) which just do that.
I read a lot of source code on GitHub and I think that reading others source code is a great way to learn some new patterns and concepts. It’s even better if you can play with the application in production so you can see what action on the site triggers what functionality in the code.
So today I want to show you the project remotework.in. The Source Code can be found on GitHub.
What is this project about?
As a freelancing Meteor developer I often use Platforms such as Upwork, Elance,Freelancer and We Work Meteor (which is an awesome platform if you want to find Meteor related jobs).
However, I’m always looking to find other JavaScript related jobs as well. I really liked the “We Work Meteor”-Approach of an easy job board where you just see the jobs and can contact the author of the job directly via Mail. But I wanted a Platform where every job can be posted (not just Meteor related jobs).
As I was already digging into ES6 and React I thought that it is time to start a project to create a remote job board with the help of those two new technologies to learn something along the way. So I started working on remotework.in / GitHub Source Code.
The functionality
The whole development process was focused on the creation of an easy to use job board.
There are no sign-ups or sign-ins for anyone. Just post a job or search for a new job. That’s it.
As a job poster you just enter the information about your job offer and hit save.
After that you get an E-Mail right into your inbox.
This E-Mail contains three links.
One to activate your job posting (after that it’s activated and will be visible to others), a second to edit your job posting and a third which makes it easy to remove your job posting. You should keep this E-Mail as it’s the only way to edit / remove the job posting later on.
As a job seeker you just browse through the jobs or search for specific jobs (the title and description of the job will be searched with the help of the MongoDB fulltext search).
Just click on the E-Mail Address and contact the job author if you think the job suits you.
The source code
Here’s the source code to the project. Feel free to send me sone PRs so we can improve it together.
You may look through the commits to see the history of the projects creation.
One thing at the end
I would be happy if you could maybe spread the love and share the job platform so that we can stress test it (if you know what I mean).
Additional resources
Here are some blog posts about ES6, React and Meteor. You should definitely read them if you want to dig deeper into these topics.
- https://medium.com/@dferber90/es6-in-meteor-5e088c998e4a
- http://info.meteor.com/blog/set-up-sublime-text-for-meteor-es6-es2015-and-jsx-syntax-and-linting
- https://medium.com/@dferber90/real-world-es6-examples-in-meteor-a834c6073daa
- http://blog.differential.com/react-for-meteor-developers/
- https://kadira.io/academy/meteor-routing-guide/content/rendering-react-components
- http://blog.percolatestudio.com/engineering/reactive-user-interfaces/