create-react-kotlin-app | Create React apps using Kotlin with no build configuration | Frontend Framework library

by JetBrains JavaScript Version: Current License: MIT

X-Ray Key Features Code Snippets Community Discussions(6)Vulnerabilities Install Support

kandi X-RAY | create-react-kotlin-app Summary

create-react-kotlin-app is a JavaScript library typically used in User Interface, Frontend Framework, React, Webpack applications. create-react-kotlin-app has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i react-scripts-kotlin' or download it from GitHub, npm.

Create a new project:. (npx comes with npm 5.2+ and higher. See Installation for older npm versions.). Then open to see your app. When you’re ready to deploy to production, create a minified bundle with npm run build. Create React Kotlin App will configure Kotlin, webpack, and IntelliJ IDEA so that you can focus on the code instead. Just create a project, and you’re good to go.

Support

Quality

Security

License

Reuse

Support

create-react-kotlin-app has a medium active ecosystem.

It has 2468 star(s) with 153 fork(s). There are 65 watchers for this library.

It had no major release in the last 6 months.

create-react-kotlin-app has no issues reported. There are 10 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of create-react-kotlin-app is current.

Quality

create-react-kotlin-app has 0 bugs and 0 code smells.

Security

create-react-kotlin-app has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

create-react-kotlin-app code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

create-react-kotlin-app is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

create-react-kotlin-app releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

create-react-kotlin-app saves you 74 person hours of effort in developing the same functionality from scratch.

It has 192 lines of code, 11 functions and 101 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi has reviewed create-react-kotlin-app and discovered the below as its top functions. This is intended to give you an instant insight into create-react-kotlin-app implemented functionality, and help decide if they suit your requirements.

Install react - packages .
Convert options object to CommandLine options .
Create a new app .
Get package name from the package . json
Install the given Yarn package .
Install all packages
Check an app name
Run the compiler
Returns the package . json file path if it exists
Lookup the git meta .

Get all kandi verified functions for this library.

create-react-kotlin-app Key Features

No Key Features are available at this moment for create-react-kotlin-app.

create-react-kotlin-app Examples and Code Snippets

No Code Snippets are available at this moment for create-react-kotlin-app.

Community Discussions

Trending Discussions on create-react-kotlin-app

Failed to compile after npm start in create-react-kotlin-app module

Problems with create-react-kotlin-app and backend

Error getting while building react kotlin app using IntelliJ

Creating a Kotlin React App using gradle

Uncaught TypeError: Kotlin.defineModule is not a function

The easiest way to get hotswap ability while using kotlin-to-js transpiler?

QUESTION

Failed to compile after npm start in create-react-kotlin-app module

Asked 2019-Sep-24 at 15:14

I am trying to run create-react-kotlin-app module using npm but it gives me this error:

Failed to compile

multi ./node_modules/react-dev-utils/webpackHotDevClient.js ./node_modules/react-scripts-kotlin/config/polyfills.js kotlinApp Module not found: Syntax/Users/amin/package.json (directory description file): SyntaxError: /Users/amin/package.json (directory description file): SyntaxError: Unexpected end of JSON input

This error occurred during the build time and cannot be dismissed.

Although I have just followed these instructions:

npm install -g create-react-kotlin-app
create-react-kotlin-app my-app
cd my-app
npm start

Note: I could successfully run create-react-app module with no errors. My JDK is also 1.8.111 in case it matters. Does anyone know why do I get such an error and how to fix it?

...

ANSWER

Answered 2019-Sep-24 at 15:14

Issue resolved after uninstalling Node from my MacBook and installing it again. follow these steps to uninstall Node completely: How to uninstall Node from MacOS Then I installed Node again using brew install node (Don't forget brew update before that)

Source https://stackoverflow.com/questions/57558465

QUESTION

Problems with create-react-kotlin-app and backend

Asked 2019-May-15 at 17:35

Question

I want to deploy my application on the server in production but I am struggling to do so.

When I use npm run build to produce an "Optimized" version of the app and launch it with serve, it doesn't seem to use the proxy.

Going back to the dev server with npm start, I get this error:

TypeError: Kotlin.defineModule is not a function

I cannot get out of this. Has someone got a similar configuration? How did you make it work in production? Do you use something to proxy the requests to your backend?

App configuration

Frontend:

Web app using create-react-kotlin-app in kotlin, react. It's on localhost:3000 (dev-server) and has a proxy to localhost:3001 (the backend).

Backend

Backend, which is a simple express router for auth and data managment from the database.

Thanks in advance

...

ANSWER

Answered 2018-Mar-27 at 18:46

I'll go back and answer my question,

One is a bug on their side: https://youtrack.jetbrains.com/issue/CRKA-66

I'm using a config that maybe is not ideal:

I copy the build folder that contains the optimized folder into the backend and I serve the main view "index.html" as an entry point using sendFile().

I then use the url and args to route the user into various react components pages, maybe in the future it's best to switch to: https://github.com/JetBrains/kotlin-wrappers/tree/master/kotlin-react-router-dom

Source https://stackoverflow.com/questions/49110196

QUESTION

Error getting while building react kotlin app using IntelliJ

Asked 2019-May-13 at 06:38

I've created a simple react app using create-react-kotlin-app. After successful npm start, I tried to get a build of the project using IntelliJ IDEA's Build -> Build Project, but it fails stating

Error:(16, 44) Kotlin: Can't access property 'reactLogo' marked with @JsModule annotation from non-modular project

What am I missing here ?

NOTE: I haven't done any modification in the template comes with create-react-kotlin-app. The project runs successfully, problem only exist when I try to get a build.

...

ANSWER

Answered 2019-May-13 at 06:38

I got managed to fix this issue via terminal.

From the project root, run

Source https://stackoverflow.com/questions/56106703

QUESTION

Creating a Kotlin React App using gradle

Asked 2018-Aug-28 at 12:59

I have been looking forward on how to create a kotlin-react-app using gradle (I am aware with the create-kotlin-react-app CLI tool, which doesn't use radle) and i couldn't get any sources to point me through. I have stumbled accross the kotlin frontend plugin (It works) and the npm and webpack plugin, but I couldnt configure them to run/create me a kotlin-react-project. I not an expert in configuring webpack so it probably even harder for me.

Initial Intentions

I intend to create a multiplatform project (yes, the kotlin experiental packed up in IntelliJ)

Alternative Approach

when I failed, I choose to go with this approach.

Write my code using kotlin multiplatform plugin
Compile it into a jar
Add it as a library into the create-react-kotlin-app i'd create
Run and wait for the magic to happen (it ddnt) Turns out, some how the preconfigured webpack wasn't compiling because it wasn't available during compile time. but the IDE worked well and even provided code compleion

Can someone please point me in a direction?

...

ANSWER

Answered 2018-Aug-28 at 12:59

Building a react app using gradle is easy when using the kotlin frontend plugin. In IntelliJ,follow these steps

New module > gradle > kotlin (Javascript) > [next,next,next...finish]

You'll have to configure gradle ofcourse (based how you like it).

I configured mine as shown below:-

Source https://stackoverflow.com/questions/50520517

QUESTION

Uncaught TypeError: Kotlin.defineModule is not a function

Asked 2018-Apr-12 at 15:16

I am developing a web app using Kotin for JavaScript and the create-react-kotlin-app CLI. When I pushed my code yesterday everything worked fine. But when I started it up again today I am getting this error:

...

ANSWER

Answered 2018-Apr-12 at 15:16

I ended up finding the answer here https://github.com/JetBrains/create-react-kotlin-app#npm-start-or-yarn-start

Which said to delete the .cache folder in node_modules. I had to do one more step though which was to clear my browser cache.

Even though I was using Chrome with dev tools open and the "don't use cache" option checked, I still had to manually clear the cache.

Source https://stackoverflow.com/questions/49765556

QUESTION

The easiest way to get hotswap ability while using kotlin-to-js transpiler?

Asked 2018-Mar-31 at 10:14

What is a easiest way / tools / technologies to get hotswap ability, while coding HTML (kotlinx-html-builder) and pure javascript (kotlin-to-js) using kotlin & gradle & IDEA ?

Not very desirable to use create-react-kotlin-app (since i'm coding pure simple js).

...

ANSWER

Answered 2018-Mar-31 at 10:14

There is no out-of-the-box solution currently, but one of the way to go is kotlin to js cli:

https://kotlinlang.org/docs/tutorials/command-line-library-js.html

so you can implement some file system listener and recompilation step via cli mentioned above.

Source https://stackoverflow.com/questions/47357059

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install create-react-kotlin-app

Install it once globally:. You can skip this step if you have create-react-app already installed or you're using npx. You’ll need to have Node >= 6 on your machine. You can use nvm to easily switch between Node versions for different projects. This tool doesn’t assume a Node backend. The Node installation is only required for Create React Kotlin App itself.

Support

Please report issues on YouTrack, GitHub issues are disabled for this project. Contributions to this project are welcome! Please see the open issues or chat with us on the #react channel in our Slack.

Find more information at: