Boilerplate For React Applications Using Atlaskit Components And Parcel
AtlasParcel is a new project which empowers developers to start their single page application in minutes.
About The Project
Setting up a new single page application with React can be a pain. AtlasParcel is the pain killer in this regard. You can set up and deploy a new project in minutes thanks to Parcel and Atlaskit.
This boilerplate should make it quite easy to build something based on top of it. It has a great developer experience with zero configuration needed. Thank you, Parcel.
A developer can see changes instantaneously in the browser. After you have started your project with yarn start, a development server will be started which picks up any saved changes and displays the updated application in your browser; without the need to reload. Hot-reloading is a huge time saver.
It is also easy to build the project with just one command: yarn build. If you have Netlify installed you can even deploy it with one command: netlify deploy
Technology Stack
- Babel—Next generation JavaScript
- React—A JavaScript library for building user interfaces
- Atlaskit—Atlassian's official UI library
- Parcel—Blazing fast, zero configuration web application bundler
Roadmap
- Add Redux for state management
Getting Started
Building your project on top of this starter is straightforward. Just clone the starter in a folder with your project's name. Then remove the Git history to be able to initialize your own Git repository. Then install the dependencies with yarn. When the installation has finished, you can run the new app with yarn start. These are the steps in more detail:
git clone https://github.com/cutemachine/atlasparcel.git YOUR_PROJECT
cd YOUR_PROJECT
rm -rf .git
git init
git add .
git commit -m 'Initial version of YOUR_PROJECT'
yarn
yarn start
Demo
Check out the live demo of AtlasParcel.
How To Contribute
Do you want to contribute to this project? Great. You can contact me through my Github profile page or just send a pull request.
Posted on Utopian.io - Rewarding Open Source Contributors
TAKE MY MONEY!!!
Cheers.
Whoa sick! Make atlassian UI's!!
I'm glad you like it. The Atlaskit components are really looking great. And there is a good variety of components to chose from.
Hey @cutemachine - thanks for this - you're continually introducing me to new tools! I'm really becoming a fan of Parcel since you last posted about it. I'll have a crack at AtlasParcel too.
Hello Steve, glad that my posts are helping you on your way. Yes, Parcel is fantastic. I lost so many years configuring Webpack and other bundlers :)
Parcel is so liberating. Now I have time to program instead of tinkering my configuration.
Parcel + Babel > Typescript?
I saw in one of your posts that you are using Typescript. Why do you prefer it over plain JavaScript?
LOL. I asked you first. Ok, I'll go. I like typescript because that's just the order of things. I was working with coffeescript, and typescript came soon after to get my attention. Basically, it's what I know. Things I like about typescript:
tscfor compilationts_nodefor runtime execution without compilationsasssupportwebpackintegrationThings I don't like about it
LOL, yes that's true, you asked first ;)
I'm sticking to JavaScript because I like it. I use Babel in all of my projects. Therefore I can use the latest features of the language. And there have been significant additions to the language like the modules syntax and spread operators.
Furthermore, I do not believe in static types. I prefer developing with dynamic types. There is less noise in my code. When I say I do not believe in static types I mean that I do not believe that static types will bring down your error density. If you want to bring down the error density in your programs, use TDD.
I have not used semicolons in my JavaScript program in years, and I had not a single issue with it.
But I agree with you on the tooling. I have seen some great tooling for TypeScript. But there are static analyzers which give you most of the benefits for JavaScript as well.
So to sum it up: I'm just happy using JavaScript :)
I really want to give atlaskit a try. I think this is my gateway drug. I'm going to give it a try. Thanks for pushing it on to me.
:) Let me know what you have built.
PS: I will update the starter to include Redux for state management.
The development of new technology, lead us forward.
Yes, but we have to make sure that it leads us in the right direction, which might be even more difficult than the development of technology itself.
Hey @cutemachine I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Hello Vladimir. Many thanks for your review.
very good post
Please notice that many Steemians consider such comments as spam and will flag you.