Flow (JS) vs Twig

Overview

Twig

Stacks381

Followers157

Votes8

Flow (JS)

Stacks145

Followers75

Votes0

GitHub Stars22.2K

Forks1.9K

Flow (JS) vs Twig: What are the differences?

Flow (JS): Flow is a static type checker for Javascript (by Facebook). Flow is a static type checker for Javascript created by Facebook; Twig: A flexible, fast, and secure template engine. It is a modern template engine for PHP. It is flexible, fast, and secure. Its syntax originates from Jinja and Django templates.

Flow (JS) and Twig are primarily classified as "Static Type Checkers" and "Templating Languages & Extensions" tools respectively.

Flow (JS) is an open source tool with 19.9K GitHub stars and 1.69K GitHub forks. Here's a link to Flow (JS)'s open source repository on GitHub.

According to the StackShare community, Flow (JS) has a broader approval, being mentioned in 59 company stacks & 38 developers stacks; compared to Twig, which is listed in 17 company stacks and 10 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Advice on Twig, Flow (JS)

StackShare

Aug 13, 2019

Needs adviceon

TypeScript

CoffeeScript

JavaScript

From a StackShare community member: "We are looking to rewrite our outdated front-end with TypeScript. Right now we have a mix of CoffeeScript and vanilla JavaScript. I have read that adopting TypeScript can help enforce better code quality, and best practices. I also heard good things about Flow (JS). Which one would you recommend and why?"

405k views405k

Comments

Oleksandr

Senior Software Engineer at joyn

Oct 21, 2019

Decided

Initially making a decision to use Flow vs Typescript we decided to go with flow as we wanted our code to run in a way we wrote it, because when using Flow types are simply removed from the code without modifying the code itself. Sadly, the type system of Flow was in some cases very hard to understand and declare the types correctly, especially in cases when the structure is very dynamic (e.g. object keys and values are created dynamically). Another reason was bad integration with IDE and frequent crashes which made DX very poor. Therefore, we made another evaluation of Typescript and decided to move towards it. As our code base was pretty big when we decided to migrate to TS we couldn't just stop and re-write everything, that's why we started writing new modules in Typescript as well as transforming old components. To make that possible we had to configure Webpack loader to support simultaneous bundling of Flow&JS and Typescript. After around 2 months of the transformation we have around 40% of code being written in Typescript and we are more than happy with integration TS has with IDE, as well as ease of declaring types for dynamic modules and functions.

149k views149k

Comments

Vladyslav

Sr. Directory of Technology at Shelf

Oct 25, 2019

Decided

As our codebase grew in size, we were looking for ways to improve code quality. We chose TypeScript over Flow due to its rapid industry adoption and overall tools support.

We noticed how different open-source projects were migrating from Flow to TypeScript. Most notably, it was Jest, even though Jest and Flow were both developed by Facebook. See this HN thread if you want to dive into an interesting discussion around this move.

Additionally, at the beginning of 2019, both Babel and ESLint enabled seamless TypeScript support, which allowed easy migration path in a backward-compatible way.

155k views155k

Comments

Detailed Comparison

Twig	Flow (JS)
It is a modern template engine for PHP. It is flexible, fast, and secure. Its syntax originates from Jinja and Django templates.	Flow is a static type checker for Javascript created by Facebook.
Concise; Template oriented syntax; Full featured; Easy to learn; Extensibility; Unit tested; Documented	Type Inference; Easy Integration; Realtime Feedback
Statistics
GitHub Stars -	GitHub Stars 22.2K
GitHub Forks -	GitHub Forks 1.9K
Stacks 381	Stacks 145
Followers 157	Followers 75
Votes 8	Votes 0
Pros & Cons
Pros 2 Native html, xml, txt etc 2 Gulp 2 Front to back with no efforts 2 For both nodejs and php	No community feedback yet
Integrations
PHP	No integrations available

What are some alternatives to Twig, Flow (JS)?

Node.js

Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

Rails

Rails is a web-application framework that includes everything needed to create database-backed web applications according to the Model-View-Controller (MVC) pattern.

Django

Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design.

Laravel

It is a web application framework with expressive, elegant syntax. It attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as authentication, routing, sessions, and caching.

.NET

.NET is a general purpose development platform. With .NET, you can use multiple languages, editors, and libraries to build native applications for web, mobile, desktop, gaming, and IoT for Windows, macOS, Linux, Android, and more.

ASP.NET Core

A free and open-source web framework, and higher performance than ASP.NET, developed by Microsoft and the community. It is a modular framework that runs on both the full .NET Framework, on Windows, and the cross-platform .NET Core.

Symfony

It is written with speed and flexibility in mind. It allows developers to build better and easy to maintain websites with PHP..

Spring

A key element of Spring is infrastructural support at the application level: Spring focuses on the "plumbing" of enterprise applications so that teams can focus on application-level business logic, without unnecessary ties to specific deployment environments.

CoffeeScript

It adds syntactic sugar inspired by Ruby, Python and Haskell in an effort to enhance JavaScript's brevity and readability. Specific additional features include list comprehension and de-structuring assignment.

Spring Boot

Spring Boot makes it easy to create stand-alone, production-grade Spring based Applications that you can "just run". We take an opinionated view of the Spring platform and third-party libraries so you can get started with minimum fuss. Most Spring Boot applications need very little Spring configuration.

Related Comparisons

Flow (JS) vs Twig