5

TLDR: I'm switching between many webstacks and its starting to hinder my progress. What is the best stack to use with bootstrap?

Ok, guys I really need your help with this.
Currently, I'm working on a bootstrap page and it requires more dynamic pieces to work. It has become frustrating to continue moving on from where I'm standing and thus I would like to switch it up a little. I'm not used to dealing with several languages at once. Right now, I'm pulling data from the server with PHP, and I'm trying to quickly pick up AJAX to update data asynchronously in the page. However, the problem I'm running into now is how do I connect everything within my page in a coherent way that doesn't become a disjointed mess?

My question is in order to start building a dynamic bootstrap website --that communicates with a server to get data-- what can I do to keep myself sane and make everything a little more organized?

Comments
  • 0
    Bootstrap as in twitter Bootstrap css/js?
  • 0
  • 0
    jQuery since bootstrap import already has jQuery and it's easy to learn and ajax is pretty easy
  • 0
    @iSwimInTheC Alrighty. Good stuff I like Bootstrap, pretty much always use it on the frontend myself.

    So here is my prefered stack, at the moment:

    Database: No preference really. I've only worked with relational DBs but it doesn't sound like you are doing aything too complex on that end so whatever.

    Backend: Python3 and Flask. I have read things that make me suspect Django is better but I've never used it myself. Flask is pretty quick and easy to get up and running with.

    Frontend: Vue, jQuery, Bootstrap. Vue is kind of like a lightweight and fairly simple version of React, so you can modularize your frontend code nicely without having to mess around with Webpack or anything (although you can. Harder to set up but definitely makes things easier after set up). jQuery handles stuff like AJAX back to a Python Flask API, while Vue handles managing the state, and Bootstrap handles the style components.
  • 0
    Well if you are familiar with PHP you'll might just love laravel what is shipped with vue2, bootstrap and webpack.

    The basic concept is that vue can render elements based on data and can bind them together (like if you change the data, the element changing aswell automatically.)

    To serve the data i'd recommend to build an api with laravel
    To connect them together i'd use axios for handling the requests.

    If you need more "real time" features you can use socket.io and laravel's event handling to broadcast new data between or to the clients just when it is available ( this will need a node server and redis aswell ).

    Happy coding!
Add Comment