Apr 14, 2016

Proxies In Websharper

When I first started to play with WebSharper, everything was nice and clean. I was coding in my own world/sandbox/project whatever you want to call it. But the thing is that most of the time, we don’t start from empty, blank project. What we do instead, is that we write code which integrates with an existing application. I was lucky enough to work on a project with a backend written in F# with a Domain library containing all the application domain written in F# as well.

FSharp

Mar 25, 2016

Var View Lens Listmodel In Websharper Uinext

Last week I needed to make a two way binding for a record with nested lists. More precisely, I needed to observe all changes on this record. This changes included normal members but also lists and I needed to observe changes like adding and removing items.

FSharp

Mar 18, 2016

Websharper Warp

Scripting quick prototypes in WebSharper can sometimes be troublesome. If for each prototype, a new project has to be created or code needs to be commented/uncommented, it can become quite demotivating as too many steps are required. In F#, .fsx files are a great tool to script disposable code. Write some isolated functions, run on FSI and then forget about it.

FSharp

Mar 01, 2016

Create Animated Menu Websharper

WebSharper.UI.Next exposes a set of functions to animate elements on the page. Today we will see how we can use these functions to create an animated menu with UI.Next. The documentation for animation can be found here. The documentation has links to multiple important components of an animation. In this tutorial, we will only use the Anim.Simple. It is a function defined in Anim module which helps in creating an animation.

FSharp

Feb 12, 2016

Improving Feedback Loop In Websharper Ui Next With Fake

In my previous posts I explained how to use WebSharper in different ways with Sitelet to build complete backend + frontend web app and with UI.Next to build reactive frontend. If you built the samples, you would have realised that for every changes, a compilation is required to build the JS files. Last week @Tobias_Burger asked me whether I knew a way to improve developer feedback loop when developing web app with WebSharper and that is the subject of this post - Improving developer feedback loop in WebSharper.UI.Next with F#.

FSharp

Feb 07, 2016

Method Chaining For Bootstrap Components With Websharper

Lately I have been playing extensively with WebSharper and have been working on improving the structure and reusability of Bootstrap components built with WebSharper. I like writing HTML from F# as it allows me to reuse code by using namespaces and modules to group reusable functions and elements. Over the last couple of month, I have tried many ways to make functions which facilitate the creation of Bootstrap components and tried many ways to group them into meaningful modules so that it is easily findable for the next time I want to use them. Out of all the solutions I’ve tried, only one really stood out and it is what I want to share today - Method chaining to build Bootstrap components.

Bootstrap FSharp

Jan 30, 2016

Handle External Javascript Librairies With Websharper

When building web apps with WebSharper in F#, one of the most common question is: How do we integrate external JS library with WebSharper in F#? It is indeed an interesting question since one of the good side of JS is the number of good libraries out there which will save you a lot of time and effort. WebSharper provides directives to call external JS libraries within F#. Today I would like to explore how we can integrate a JS libraries into our WebSharper project with UI.Next. I will demonstrate how you can extend WebSharper.JQuery to add a tag input functionality with autocompletion. For the tag input and formatting we will use Bootstrap Tags Input library and to provide autocompletion, we will use Typeahead.js.

FSharp

Jan 19, 2016

Paket With Fsx Scripts

Paket is a dependency manager. It is useful especially when you want to develop .fsx files where the full path of the dependencies are hardcoded in your script. It makes it easier to manage dependencies compared than using Nuget because the version of the library isn’t included in the path.

FSharp

Jan 03, 2016

Structure Webapp Built In Fsharp Websharper

F# + WebSharper is an awesome combination to build web application. The only problem is that if you want to build a webapp larger than a to-do list, it’s hard to find examples to use as references. It is even harder to find tutorials that touches on overall design and answer questions like: How should I start? Where should I put the code? How should I separate the code, put it in different files, with different namespaces or modules? How many layers?

FSharp
Categories
Android android Angular angular AWS aws Azure azure Bootstrap bootstrap C Language c language Chrome chrome CSharp csharp Cypress cypress DBeaver dbeaver Docker docker DotNetCore dotnetcore DuckDB duckdb Ethereum ethereum Figma figma Flask flask FSharp fsharp Gimp gimp Git git GitLab gitlab Go go GraphQL graphql HashiCorp hashicorp iOS ios Jekyll jekyll Jenkins jenkins JavaScript js Kafka kafka Let's Encrypt letsencrypt Mathematics maths Metamask metamask Mobx mobx MySQL mysql NGINX nginx NGRX ngrx NPM npm OAS 3.0 oas OIDC oidc Microsoft Orleans orleans PostgreSQL postgres postman postman PrimeNG primeng prometheus prometheus PlantUML puml Python python Racket racket React react Solidity solidity Splunk splunk SQLAlchemy sqlalchemy SQLite sqlite Typescript typescript Ubuntu ubuntu Unicode unicode VSCode vscode Xamarin xamarin Oh My Zsh zsh
Back to Newer Posts