I have tried to use many UI frameworks but they get in the way. That is, I want to make a particular layout but I am not able to find out how to make that layout using the framework. I don't think this is true for everyone. So how do you learn a framework so that you can use it to make any UI you want? Or at least confidently write custom CSS where really needed and leverage the framework for the most part.

I program in RoR and use bootstrap. I´m not very good with css so i usually buy a template for 20€ based on bootstrap, use the styles that i like and modify those that i don´t. I used to try to create all the styles from zero but that could delay the shipping of the project for a couple of weeks. Now i just try to launch ASAP and doing that allows me to be faster. So i guess my answer is i dont know and probably just practice, practice and more practice.

https://github.com/prettier/prettier

Something like [rubocop](https://github.com/rubocop-hq/rubocop) perhaps? That's what I use since a half a year or so. Takes some getting used to, but has helped me clean up my code a lot. Make sure to follow the installation instructions as it has some handy info on creating a "todo/ignore" file for existing style violations. That way it initially ignores those and you don't get bombarded with tons of warnings right out the gate. You can go through that todo file step by step and slowly remove stuff so it starts warning about those style violations which you can then fix one at a time. It's only for Ruby code. Not for Javascript, HTML, CSS, HAML, etc. I haven't researched those options yet (I know there are a bunch), but I will at some point.

picture a simple app with logged in users. each button click / form submit I’m just changing a value on the user database schema. what I’m currently doing is each time i render a new component i run component did mount and fetch the data i need from the backend api. then update the state and display it. this just seems wrong. surely using redux properly can solve some of my problems? what should i be doing?

Hmm this might be a better question for Stack Overflow because of its community (and it was made for this!), but I want to mention that I'd be wary of injecting Redux without good reason. It's really useful for sharing state amongst your components, but it adds significantly more boilerplate.

As of today, June 4 2018, CSS Grid is supported by 84.9% browsers of [global usage](https://caniuse.com/#feat=css-grid) unprefixed. Did you switch completely to CSS Grid or use CSS Grid with Flexbox as a fallback?

I've been using CSS grid with a flexbox fallback for months now, still hesitant to lose the fallback, but I did get lazy on a recent project and not worry about it too much (though still had to provide -ms fallbacks for the not so wonderful Edge).

I have a couple of machines I use for development - home desktop, laptop and office. I was using Git on its own but kept forgetting to commit files before leaving the house, so I moved all my code into Dropbox to sync between machines. This worked pretty well until I started using front-end tools - now it seems anytime I need to add hundreds of tiny files using `npm install` or similar the combination of Windows Anti Malware and Dropbox cause massive CPU churn for what should be a pretty simple operation. Is there anything I can do to speed this up, or a more sensible way to sync folders?

Nowadays I tend to use just the one device (MacBook Pro), but I still choose to use Git. Some of the benefits for me: - Saving incremental changes so I can easily revert back in case any problems arise. This also gives me more confidence to experiment within my code. - Being able to create branches also lets me experiment with new ideas without the fear of messing up my code. - Let's me use Continuous Integration that automatically runs my tests and rubocop (checks for coding style violations) - I can access my code everywhere. More than once I've fixed a wipbot bug on my iPhone! (pull code the code, make the fix, push the change) - It makes it easy to collaborate with other developers now and in the future - The commits are a way to document your code. So if in a year time you're wondering why you made a certain change, you can quickly find it. - My code is backed up in multiple places at every stage - Any merge conflicts are handled automatically when possible or are relatively easily managed manually (versus syncing app that are not optimized for code) Using Git does indeed come with the requirement of committing and pushing your code. I believe it's a habit worth developing though for the reasons above. There are also some tools you can use to make this easier. For example [my Terminal is set up such that it shows when there uncommited or unpushed changes in my working repository.](https://github.com/KrauseFx/what-terminal-is-felix-using) Do you plan on writing code for the foreseeable future? If so, then I recommend investing in a workflow that will let you reap the rewards long-term.

Website: www.livingwageinterns.com

Your CSS is invalid. [See this report.](https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.livingwageinterns.com%2Flivingwageinterns.css&profile=css3svg&usermedium=all&warning=1&vextwarning=&lang=en)

Any website should be able to show the images (GET), but files should only be uploadable from https://wip.chat. Here's what I'm thinking: https://gist.github.com/marckohlbrugge/b493e74ca764f99ea3f94bd6e112d4ac

CORS security is implemented in browsers. And not something on the origin. If you setup your S3 bucket to allow public uploads, even if that's from WIP.chat using CORS, anybody can upload anything to your S3 bucket outside of a browser, by issuing direct POST/PUT calls.

Assuming you have an existing codebase and are running into problems due to using the wrong approach. Maybe your product significantly changed since initially building it. How do you decide whether to refactor, or completely rewrite? I don't have a specific codebase in mind, so if you answer is "it depends", please use your own codebase as an example rather than asking about mine 😄

Uff. Difficult question, but certainly ripe for discussion. I can pull out #dotcolors as an example. I'm currently planning a rewrite for it since I like the product idea, but the code base was pretty experimental and the structure has just gotten. Uh. Wild. Generally I tend to refactor if I'm happy with the overall structure of the project. Then I just pick out single features and refactor that. On the other hand when I feel that a codebase becomes confusing and unmanageable for me I tend to be pretty harsh with rewriting. That sounds about right.

There are arguments that bootstrap is a bit too heavy. Any suggestions?

I've been using Bulma (https://bulma.io/) and liking it a lot. Much lighter than Bootstrap and very customizable. You do have to provide your own JS though. I've been pairing Bulma with React and doing frontend has been a blast.

Developers Questions on Work in Progress

Harry Dry

2018-08-09 08:30:28 UTC

Is it possible to autoreply everytime someone tweets?

Austin Grandt

2018-07-31 16:18:47 UTC

How do you build products that can be embedded in customers' websites?

Avi Aryan

2018-07-26 11:02:55 UTC

What is the correct way to learn a web UI framework?

Akshay Kadam(A2K)

2018-07-26 07:05:20 UTC

How do you make your logos unique?

Pug Pugson

2018-07-17 17:34:36 UTC

Is there a Prettier for Ruby/Rails?

Robert Hopman

2018-07-11 06:50:34 UTC

What is 8m pageviews of freelance developers worth?

Robert Hopman

2018-07-04 18:07:23 UTC

battle tested dev tools

Harry Dry

2018-07-03 16:39:15 UTC

I'm turning Yeezy.Dating into a React Native App. Help Please!

Harry Dry

2018-06-21 22:30:31 UTC

am i using react wrong?

Robert Hopman

2018-06-12 15:47:40 UTC

How to get #backlinks automated on a list of urls?

Brahma Reddy Chilakala

2018-06-04 10:05:36 UTC

What are the benefits of using OAuth providers compared to creating own login flow?

Akshay Kadam(A2K)

2018-06-04 05:47:57 UTC

How many of you have completely switched to using only CSS Grid with No Fallbacks?

Jonny Platt

2018-05-29 01:17:39 UTC

How do you synchronize projects between laptop(s) and desktop?

Pete Codes

2018-05-27 08:22:37 UTC

Do I need media queries if I use flexbox?

Akshay Anand

2018-05-26 16:05:45 UTC

For a project you're interested in and are following, what would you like to see in terms of progress?

Armin Ulrich

2018-05-17 17:44:28 UTC

Can you point me to WIP members who built stuff using React.js?

Keyul

2018-05-17 17:21:03 UTC

How to keep the current user logged in to site after deploying new build on Heroku?

Pete Codes

2018-05-16 19:38:33 UTC

Why do class colors not show up on my website when viewed on mobile? What do I need to add?

Avi Aryan

2018-05-16 09:06:56 UTC

I want to build an app. Should I just go with Firebase for the backend OR care making my own using Python/NodeJS etc...?

Marc Köhlbrugge

2018-05-11 10:23:43 UTC

What’s the correct CORS configuration for allowing direct uploads in S3 ?

Ryan

2018-05-11 09:36:06 UTC

What text editor do you use?

Marc Köhlbrugge

2018-05-10 11:15:00 UTC

What’s the best URL structure for WIP Questions? #wip

Melissa Marijnen

2018-05-09 09:12:54 UTC

Which soft skills are essential as a developer for your success?

Marc Köhlbrugge

2018-05-07 13:07:52 UTC

How do you decide whether to refactor or rewrite?

Gabriel Chuan ( readwhat.me | smubia.org )

2018-05-03 10:37:32 UTC

What frontend frameworks do you use to quickly get started?

Meet the maker community

Meet the maker community

Developers